javascript - why row click event not work properly in angular? -


i trying expand , collapse row on row click .but in demo clicked on row open last row why ?in other words trying show , hide row description on row click when click show description of third row ,not demand on row clicked .it expand third row .

here code

angular.module('app',['ionic']).controller('apptes',function($scope){  $scope.toogle_item=false;  $scope.obj=[{    number:"123",    name:"bil"  },{    number:"547",    name:"till"  },{    number:"123223",    name:"test"  }]   $scope.clickrow=function(){     $scope.toogle_item=!$scope.toogle_item;   }   })

there 2 problems

  1. you need have 1 item-body/item tabs per each item in array, in code outside of ng-repeat there 1 set of those. solve i've moved ng-repeat layer up
  2. since want show 1 item @ time, can opt index based solution given below

so

angular.module('app', ['ionic']).controller('apptes', function($scope) {    $scope.toogle_item = false;    $scope.obj = [{      number: "123",      name: "bil"    }, {      number: "547",      name: "till"    }, {      number: "123223",      name: "test"    }]    $scope.clickrow = function(index) {          $scope.toogle_item = $scope.toogle_item === index ? -1 :  index;    }      })
.bg, .item.bg {    background: lightgray;    position: relative;  }  .ptag {    position: absolute;    top: 0;    left: 0;    width: 7%;    border: 1px solid red;    height: 100%;    background: lightblue;    color: white;  }  .circle {    width: 50px;    height: 50px;    float: right;    border-radius: 100%;    background: green;    margin-top: -7%;    line-height: 50px;    text-align: center;    color: black!important;  }
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>    <script src="http://code.ionicframework.com/contrib/ionic-contrib-swipecards/ionic.swipecards.js?v=5"></script>  <div ng-app="app">    <div ng-controller="apptes">      <div class="list card">          <div ng-repeat="n in obj track $index">          <div class="item item-avatar bg" ng-click="clickrow($index)">            <p class="ptag">p</p>            <h2>{{n.number}}</h2>            <p>{{n.name}}</p>            <p class="circle">650</p>          </div>          <div ng-show="toogle_item === $index">            <div class="item item-body">                <p>                "facebook" styled card. header created thumbnail list item, content card-body consisting of image , paragraph text. footer consists of tabs, icons aligned left, within card-footer.              </p>              <p>                <a href="#" class="subdued">1 like</a>                <a href="#" class="subdued">5 comments</a>              </p>            </div>              <div class="item tabs tabs-secondary tabs-icon-left">              <a class="tab-item" href="#">                <i class="icon ion-thumbsup"></i>                             </a>              <a class="tab-item" href="#">                <i class="icon ion-chatbox"></i>                comment              </a>              <a class="tab-item" href="#">                <i class="icon ion-share"></i>                share              </a>            </div>          </div>        </div>      </div>    </div>    </div>


-

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