gpt4 book ai didi

javascript - Angular2 检查元素的类

转载 作者:太空狗 更新时间:2023-10-29 17:44:00 24 4
gpt4 key购买 nike

我想访问一个元素的类来检查它是“塌陷”还是“塌陷”。我想做这样的事情:

<span *ngIf=" class == 'collapse in' "> - </span>
<span *ngIf=" class == 'collapse' "> + </span>

有没有一种简单的方法可以获取 Angular2 上元素的类?

最佳答案

通常在 Angular2 中设置应该是相反的,模型被更新并且 View 反射(reflect)模型。这样你就不需要访问 DOM 来检查它的状态。但是,如果您必须这样做,应该这样做:

<span #span *ngIf="hasClass(span.className, 'collapse') && hasClass(span.className, 'in')"> - </span>
<span #span *ngIf="hasClass(span.className, 'collapse')"> + </span>
hasClass(classes, cls) {
return (' ' + classes + ' ').indexOf(' ' + cls + ' ') > -1;
}

https://developer.mozilla.org/de/docs/Web/API/Element/className

<span #span *ngIf="span.classList.contains('collapse') && span.classList.contains('in')"> - </span>
<span #span *ngIf="span.classList.contains('collapse')"> + </span>

关于javascript - Angular2 检查元素的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39326166/

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