如何使用 ng-class 为 HTML 标签添加 ID(选择器)

How to add an ID(selector) for the HTML tags using ng-class

我正在使用一个图标,它是根据使用 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>

为了获得动态 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>