时间戳

首页 > 解决方案 > 如何获取一个元素的类列表到另一个元素

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

问题描述

我有一个输入字段，如果输入被访问，那么我将一个类添加到它的列表中，并且我有一个元素，当输入的类列表包含访问时，我需要显示 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>

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

标签： angular

解决方案

如果您想获取输入的所有类

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

我希望这可以帮助你

推荐阅读