1
在重複的transclude
期間,如何通過i
而不是#
來調用數組?使用下面的代碼,重複會使用陣列中正確數量的項目構建我的列表,但返回的x行數僅爲標記中指定的object[0]
。我無法像重複中那樣引用i
。Angular Transclude issue
我在想這個錯,還是我只是想念一些東西?
我有一個模板,這樣
#### accordion.html ####
<ion-content scroll="false">
<ion-list>
<ion-item class="item-stable alertHeader" ng-click="vm.toggleGroup()" ng-class="{active: vm.isGroupActive()}">
<div class="row">
<div class="alertHeaderIcon col-xs-1">
<i class="icon" ng-class="{'icon-watchList':vm.tag == 'Tag1', 'icon-topPerformers':vm.tag == 'Tag2'}"></i>
</div>
<div class="alertHeaderLabel col-xs-9">
<span class="labelName">{{vm.tag}}</span>
</div>
<div class="alertHeaderWarning col-xs-1 pull-right">
<span class="label label-pill label-default">7</span>
</div>
<div class="alertHeaderCaret col-xs-1 pull-right">
<i class="icon" ng-class="vm.isGroupActive() ? 'ion-ios-arrow-down' : 'ion-ios-arrow-forward'"></i>
</div>
</div>
</ion-item>
<ion-item class="item-accordion" ng-repeat="i in vm.data" ng-show="vm.isGroupActive()">
<div ng-transclude></div>
</ion-item>
</ion-list>
</ion-content>
然後我把這個變成我的標記手風琴如下:
#### alerts.html ####
<ca-accordion class="accordianTest" tag="'Tag1'" data="vm.itemsA">
<div class="row">
<div class="home-alert-icon col col-10">
<i class="icon" ng-class="{'icon-watchList':vm.itemsA[0].wlName == 'labelA', 'icon-topPerformers':vm.itemsA[0].wlName == 'labelB'}"></i>
</div>
<div class="home-alert-title col col-70">
{{vm.itemsA[0].wlName}}
</div>
<div class="home-alert-retailers">
{{vm.itemsA[0].wlRetailers}}
</div>
<div class="home-alert-metric col col-20">
{{vm.itemsA[0].wlPercent}}
</div>
</div>
</ca-accordion>
這工作完美,現在我明白爲什麼我不能夠使用我的我。非常感謝! – ZiNG