angularjs ng-repeat在md-chip中不工作

lrl1mhuk 于 2022-12-03 发布在 Angular

关注(0)|答案(3)|浏览(217)

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

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

3条答案

我好像在找，

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

您在ng-model中将其绑定到md-chips标记而不是ng-repeat，然后使用template标记中的$chip元素访问chip元素。

使用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>

它应该是如你所期望的那样工作。

对于Angular 1.3.15 /Angular 材质0.9.8，以下内容在此处起作用：
在控制器中：

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

在HTML：

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