javascript - 根据条件使用 ng-repeat 动态显示输入复选框

Question

我正在尝试动态显示带有基于条件标志的标签的复选框。标签值如下:

$scope.listA = [
   {
     name : "Sample 1"
   },
   {
     name : "Sample 2"
   }
];
$scope.listB = [
   {
     name : "Result 1"
   },
   {
     name : "Result 2"
   },
   {
     name : "Result 3"
   }
];

这是我正在使用的 html。

<input type="checkbox" ng-repeat="item in listA"/>{{item.name}}

我有一个变量，我需要根据该变量显示 $scope.listA 或 $scope.listB。

var mode = "A";

如果 mode = A 那么我需要将 listA 显示为复选框标签。如果还有其他情况，那么我需要将 listB 显示为复选框标签。

我怎样才能做到这一点？我怎样才能让复选框默认被选中？

Answer 1

尝试使用函数返回要显示的值，而不是直接返回列表。像这样

<input type="checkbox" ng-repeat="item in whichItems()"/>


$scope.whichItems = function() {
    var ret = listA;
    if($scope.mode != 'A') {
       ret = listB;
    }
    return ret;
};

编辑:绑定(bind)到数组您的数据结构中必须有一个共同的值并与其绑定(bind)。例如:

  var mydata = [{itemLabel:'item1',selected:false},  {itemLabel:'item2', selected:false}]

然后在您的复选框中

   <div ng-repeat="item in whichItems()">
      <input type="checkbox" ng-model="item.selected">{{item.itemLabel}}
   </div>