如何使活动项基于角度中的两个数组？

Question

我有两个数组

初始数组-$scope.mentors=[“000”、“001”、“002”、“003”、“004”、“005”、“006”、“007”、“008”、“009”、“010”、“011”、“012”、“013”、“014”]；

和第一个数组的匹配项-$scope.initialSelected=[“005”、“009”、“013”、“014”]；

我需要渲染所有$scope.mentors和突出显示项目从第二个数组使用类当前Acc.我还需要通过点击和创建基于高亮元素的新数组来切换项目。

现在我有一个错误试图点击初始化的高位元素。。谁能帮我做这个吗？

这里是我的应用程序的例子

<div ng-controller="MainCtrl">
  <ul>
    <li ng-repeat="mentor in mentors">
       <span ng-click="toggle = !toggle;" ng-class="{'currentAcc': ifActiveAcc(toggle, '{{mentor}}' )}">{{mentor}}
       </span>
    </li>
  </ul>
</div>

function MainCtrl($scope) {
  $scope.mentors = ["000", "001", "002", "003", "004", "005", "006", "007", "008", "009", "010", "011", "012", "013", "014"];

  $scope.initialSelected = ["005", "009",  "013", "014"];

  $scope.ifActiveAcc = function(flag, num){
      var p = $scope.initialSelected.includes(num);
      if(flag == undefined) {
         if (p){
           return true;
         }
       }
       else if(flag !== 'undefined'){
        if (flag && p){
          return true;
        }
        else if(flag && !p){
          return true;
        }
        else if(!flag && p){
          return false;
        }
        else{
          return false;
        }
       }             
  } 
}

农业1.6.9

Answer 1

添加额外的isActive字段后，就完全不需要函数了。您可以使用简单的直接评估。

<span ng-click="mentor.isActive = !mentor.isActive" 
      ng-class="{'currentAcc': mentor.isActive}">{{mentor.name}}

看这把小提琴：http://jsfiddle.net/c84tf7Lu/