angularjs - How to display data in angular accordion differently for each accordion -


i using angular accordion. display accordions based on object size in (ng-repeat). when click accordion heading should make api call , store result in variable (department details) , should displayed in expanded window of accordion.

when click first accordion, making api call , displaying data correctly in accordion window. but, when click second accordion making api call , data in both accordions (first , second) same because department details variable has result of second accordion api call.

how can display data unique each accordion?. should make api calls in controllers itself, store results in array, , use in html instead of making api calls when click accordion-heading. in advance.

html:

<accordion close-others="false">     <accordion-group is-open="isopen" ng-repeat="item in object">         <accordion-heading">             <span ng-click="ctrl.getinfo(item.id)">                 {{item.label}}             </span>         </accordion-heading>         <div>              {{ctrl.departmentdetails}}         </div>      </accordion-group> </accordion>

controller:

public getinfo (departmentid): void {     this.departmentdetails = null;     this.services.getdepartmentdetails(departmentid).then((response):any=>{         this.departmentdetails= response;     }); }

your problem ctrl.departmentdetails 1 string value use in each section of ng-repeat. current design updates value of 1 variable gets repeated many times. ctrl.departmentdetails has little ng-repeat , problem. right have same string bound many places in view , when getinfo(), updating 1 string, going update everywhere appears in html.

your getinfo(item) function should take item object , not id argument , set departmentdetails on on item object pass it. allow each item have own departmentdetails data.

you need make getinfo() add departmentdetails property item object when make api request, or else stick in array can use datasource view.

and change html this, or refers array of departmentdetails data collects user expands each section.

<accordion close-others="false"> <accordion-group is-open="isopen" ng-repeat="item in object">     <accordion-heading">         <span ng-click="ctrl.getinfo(item)">             {{item.label}}         </span>     </accordion-heading>     <div>          {{item.departmentdetails}}     </div>  </accordion-group>


-

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