javascript - angularjs 为 View 添加新的模型属性

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"}
  ];
  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>

在 View 页面中使用它与 ng-repeat:

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

我将更改所选项目按钮的颜色。但我需要项目的选定属性。但它不是来自数据库。

如何向项目添加名为selected的属性？在 View 中还是在 Controller 中？

Answer 1

我认为你可以在重复中使用ng-init，

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

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