javascript - Angular Material 芯片上的ng级

我想根据我已经为其创建ng-class="{activeTag: $chip.active}"的键值类型为具有'active'标志的芯片创建一些背光，但是它不起作用。如何在动态创建的md-chip上添加此ng-class。

视图

<md-chips class="custom-chips selected" ng-model="tags" ng-class="{activeTag: $chip.active}" readonly="true">
  <md-chip-template style="cursor: pointer;" >
    <a ui-sref="">
      <strong>{{$chip.id}}</strong>
      <em>({{$chip.name}})</em>
    </a>
  </md-chip-template>
</md-chips>

控制者

controller('ChipsController', function($scope) {
    $scope.tags = [
      {
        id: 1,
        name: 'Pop',
        active: false
      },
      {
        id: 2,
        name: 'Rock',
        active: true
      },
      {
        id: 3,
        name: 'Reggie',
        active: false
      }
  ];

});

的CSS

.activeTag md-chip{
  background: rgba(85, 107, 47, 0.66) !important;
  color: white !important;
}

Plunker

最佳答案

您的问题很可能是您试图在$chip元素上使用md-chips的事实。这是容器，而不是转发器。模板中的内容是重复的内容。

我对MD组件不太熟悉，但是您离访问$chip太远了，只有一两个级别

关于javascript - Angular Material 芯片上的ng级，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35237868/