javascript - AngularJS : Scope value changing, but doesn't always apply ng-class -


i'm working on creating 'pretty' checkboxes , radio boxes in angular. have similar plugins developed in jquery, i'm having trouble angular versions, checkbox.

what i've done create directive (prettycheckbox) , template div wrapping checkbox input:

<div class="prettycheckbox" ng-click="togglecb($event)" ng-class="{ 'checked': checkbox }">     <input id="{{inputid}}" type="checkbox" ng-model="checkbox"> </div>

as can see, model value checked, changes div class checked, when not, not. input given display: none; , looks good. when designed it, set work label's attribute, , ok.

then remembered can wrap input label, , clicking label should trigger input. tested code on it, , became super buggy. saw scope watch , console logs had setup see variable triggered 3 times every 1 click on div-checkbox, , twice when clicking labels, , 1 of each of these times wouldn't change value. made no sense. i've between tweaking bit now, , have no idea what's real issue, nor how solve it. i'm hoping can advice. i've created plunker code: http://plnkr.co/edit/ovzsuhqnldpvtuirh2sm?p=preview. note plunker make bunch of console logs.

one of annoying inconsistencies when see variable change ng-class doesn't trigger , change accordingly (when clicking on label).

edit: got box changing via apply, still no luck multiple clicks.

edit 2: tried modify more answers double click, ended tweaking it, , cleaned up. kind of why clicking checkbox in second scenario (wrapped label) ended clicking 3 times: clicking clicked wrapping label, that's still 2 clicks. donno #3 comes from, solution seems work. here's new plunkr: http://plnkr.co/edit/vvidshshvsq1akvfpduc?p=preview

as updating scope variable click event dom, need tell angular update binding via running digest cycle. in case manipulating scope binding on label.click event, inside need run digest cycle using scope.$apply()

code

label.click(function() {    scope.togglecb();    scope.$apply() });

working plunkr


-

Comments

Post a Comment

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

there several posts converting mat bitmap using utils.mattobitmap() function. i'm assuming function can called in java layer after importing utils class. i want transfer data memory address pointed uint32_t* bmpcontent; in code below. jniexport void jnicall java_com_nod_nodcv_nodcvactivity_runfilter( jnienv *env, jclass clazz, jobject outbmp, jbytearray indata, jint width, jint height, jint choice, jint filter) { int outsz = width*height; int insz = outsz + outsz/2; androidbitmapinfo bmpinfo; if (androidbitmap_getinfo(env, outbmp, &bmpinfo) < 0) { throwjavaexception(env,"gaussianblur","error retrieving bitmap meta data"); return; } if (bmpinfo.format != android_bitmap_format_rgba_8888) { throwjavaexception(env,"gaussianblur","expecting rgba_8888 format"); return; } uint32_t* bmpcontent; if (androidbitmap_lockpixels(env, outbmp,(void**)&bmpcontent)...
Read more

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

i trying hit soap api in application login purpose , getting above mentioned error , can 1 tell me going wrong , first time soap apis. here code hit soap :- vector<object> args = new vector<object>(); hashtable<string, object> hashtable = new hashtable<string, object>(); hashtable.put("email", "mss.siddhart28@gmail.com"); hashtable.put("password", "siddharth"); args.add(hashtable); soapserializationenvelope envelope = new soapserializationenvelope( soapenvelope.ver11); envelope.dotnet = true; envelope.xsd = soapserializationenvelope.xsd; envelope.enc = soapserializationenvelope.enc; (new marshalhashtable()).register(envelope); httptransportse androidhttptransport = new httptransportse( "http://tempuri.org/", 15000); androidhttptransport.debug = true; string result = ""; try { soapobject request = new soapobject("http:...
Read more

python - How to remove the Xframe Options header in django? -

i have made page has iframe . inside iframe want show multiple different links article facebook, or news, or youtube video or other possible url. but, due xframe header, unable so. referred following link: https://docs.djangoproject.com/en/1.8/ref/clickjacking/ , django xframeoptionsmiddleware (x-frame-options) - allow iframe client ip but didn't help. my settings.py file's middleware_classes is: middleware_classes = ( 'django.contrib.sessions.middleware.sessionmiddleware', 'django.middleware.common.commonmiddleware', 'django.middleware.csrf.csrfviewmiddleware', 'django.contrib.auth.middleware.authenticationmiddleware', 'django.contrib.auth.middleware.sessionauthenticationmiddleware', 'django.contrib.messages.middleware.messagemiddleware', 'django.middleware.clickjacking.xframeoptionsmiddleware', ) from http://django-secure.readthedocs.org/en/latest/middleware.html , found using ...
Read more