Question

我有一个输入字段，如果访问了输入，则将一个类添加到其列表中，并且有一个元素，当输入的类列表包含已访问时，我需要显示span元素

我尝试在组件中正常工作，但是我想知道是否只能在HTML上实现它？

<input #cardHolder placeholder="Cardholder name"  id="card-holder-name"
       [(ngModel)]="accountHolderName"
       [class.error]="!validateAccountHolder()"
       (blur)="cardHolder.classList.add('visited')" aria-label="cardholder name">

在组件中，我具有函数validateAccountHolder()来检查长度

<span *ngIf="validateAccountHolder() && cardHolder.classList.contains('visited')"></span>

我希望在访问输入元素的类时显示span元素。或者，请让我知道在组件文件中没有繁琐逻辑的最简单解决方案是什么

Answer 1

如果要获取输入的所有类

var classList = document.getElementById('inputID').className.split(/\s+/);
for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'yourclass ') {
        //do whatever you want
    }
}

我希望这对您有帮助

如何将一个元素的类列表获取到另一个元素

1 个答案: