带有 ng-repeat 和 ng-show 索引的 Angularjs（可扩展列表）

贝尔汉达

我的 ng-show 索引有问题。我想要的是更改 ng-show 索引。例如：

 <div class="row" ng-repeat="list1 in Items track by index">
         <button ng-click="vm.showLoc($index)">

       <div class="row" ng-repeat="list2 in listGroup track by index" ng-show="..">
           <div class="row" ng-repeat="listItem in list track by index">
           </div>
        </div>
 </div>

当我单击页面中的按钮时，应根据按钮列表发送的索引值显示具有索引值的按钮。等。当我点击功能运行下面的按钮时。

    function showLoc(index){
    vm.show=index;
    }

你有什么主意吗？

例如：我在 Items 中有 2 个项目，所以我有两个按钮。当我单击第一个按钮时，我希望应该显示属于第一个 listGroup[0] 的值。当我单击第二个按钮时，属于第二个 listGroup 的值[1] 应该显示。换句话说，我的 listGroup 也有两个值，但第一个值包含 20 个项目。第二个项目包含 10 个项目。

布莱恩·德林格

(function() {
    'use strict';
angular
  .module('myApp', [])
  .controller('myCtrl', myCtrl);

   function myCtrl(){
       /* jshint validthis: true */
       var vm=this;
       vm.activeIndex = null;
       vm.items = [0, 1];
       vm.listGroup = [
          ['lg1a', 'lg1b', 'lg1c'],
          ['lg2a','lg2b','lg2c']
         ];
       vm.showLoc = showLoc;
       
       
       
      function showLoc(i){
        vm.activeIndex = i;
      }
      
   } 

})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="myCtrl as vm">

    <div class="row" ng-repeat="list1 in vm.items track by $index">
      <button ng-click="vm.showLoc($index)">
          show loc
        </button>

      <div class="row" ng-repeat="list2 in vm.listGroup[$index]" ng-show="$parent.$index == vm.activeIndex" track by $index>
        <span>{{list2}}</span>
      </div>


    </div>
  </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。