html - 如何使用 ng-class 为 HTML 标签添加 ID（选择器）

Question

我正在使用一个图标，我根据使用 ng-class 的条件显示该图标。我想为这两个 HTML 标签添加 ID。

<i ng-show="ctrl.data.length > 1"
   ng-class="{'glyphicon glyphicon-chevron-down': !ctrl.isOpen,
              'glyphicon glyphicon-chevron-up': ctrl.isOpen}">
</i>

Answer 1

为了有一个动态的 ID 值，把它包装起来，{{}}以便 Angular 解释那个值。

<i ng-show="ctrl.data.length > 1" id="{{ctrl.isOpen ? 'chevron-up' : 'chevron-down'}}"
   ng-class="{'glyphicon glyphicon-chevron-down': !ctrl.isOpen,
          'glyphicon glyphicon-chevron-up': ctrl.isOpen}">
</i>