gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 07:13:08 24 4
gpt4 key购买 nike

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

关于html - 如何使用 ng-class 为 HTML 标签添加 ID(选择器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50990040/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com