ng-repeat 在 md-chip 中不起作用

Question

为什么md-chip不支持ng-repeat？

<md-chips>
          <md-chip data-ng-repeat="category in book.categories">
            {{category.name}}
          </md-chip>
        </md-chips>

Answer 1

我好像在找，

<md-chips ng-model="book.categories" readonly="true">
          <md-chip-template>
            <strong>{{$chip.name}}</strong>
          </md-chip-template>
        </md-chips>

Answer 2

with angular 1.3.15 / angular-material 0.9.8，以下工作在这里：

在控制器中：

$scope.myNumbers = [ 1, 2, 3 ];

在HTML中：

  <md-chips ng-model="myNumbers" readonly="true">
  </md-chips>

Answer 3

使用 md-chip-template 代替 md-chip 并使用 ng-model 代替 ng-repeat.. 如下所示。

<md-chips ng-model="user.skills" readonly="true">
    <md-chip-template>{{$chip.skill_title}}</md-chip-template>
</md-chips>

应该如您所愿。

ng-repeat 在 md-chip 中不起作用

ng-repeat not working in md-chip

angularjs

angular-material