Question

我是angularjs的新手并从api获取数据：

 function response(data){
    $scope.data = data
 }

  <<<< data format is ilke this >>>>>
  [
    {"id":"1", "name":"item1"}, 
    {"id":"2", "name":"item2"},
    {"id":"3", "name":"item3"}
  ];
  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>

在带有ng-repeat的视图页面中使用它：

<button ng-repeat="item in data">{{item.name}}</button>

我将更改所选项目按钮颜色。但我需要在项目上使用选择属性。但它不是来自数据库。

如何在项目中添加名为已选择的属性？在视图中还是在控制器中？

Answer 1

我认为您可以使用ng-init重复，

<button ng-repeat="item in data" ng-init="item.selected = false">{{item.name}}</button>

这将为每个重复对象添加selected属性，其值为false。

Answer 2

你试过一个简单的循环吗？

$.each($scope.data, function( index, item ) {
  item.selected = false;
});

Answer 3

您可以初始化所有数据项的选定属性：

for (var i in data){
   data[i].selected = false;
}

然后点击更改：

<button ng-repeat="item in data" ng-click="item.selected=true">{{item.name}}</button>

angularjs为视图添加新的模型属性

3 个答案: