Question

我是Angular中的一个新手，请在Angular中帮助以下代码。我们有一个特殊的窗口，用于检查客户数据。您输入特殊的帐单号，然后将显示POPup，您必须输入卡号。但是，当我们在输入字段中输入错误的卡号（他在后端无法找到）时，POPup消失了，因此不能这样工作。 POPup窗口应保持不变，您可以输入另一个卡号来检查卡。我想问题可能与验证有关，我不确定，但我想验证与[class.notvalid]有关但是我不知道代码[class.notvalid]的含义。请解释一下[class.notvalid]

的含义。

我有一个Angular CLI：8.3.5 versioun。我很难尝试更正代码，因为我无法理解Angular中的某些模块

transfer.html

            <p class="input-label" [translate]="'page.transfers.RECIPIENT_IIN_BIN'" [class.notvalid]="iin && !finn?.valid">IIN/BIN of customer</p>
            <div class="input-w"
                 [class.input-w-error]="recipient !== undefined && !recipient.success">
              <input type="tel" maxlength="12" class="input"
                     #finn="ngModel"
                     [(ngModel)]="iin"
                     (keyup)="searchRecipientOtherBank(iin, iban)"
                     [class.notvalid]="iin && !finn?.valid"
                     pattern="^[0-9]{0,12}$"
                     require/>
            </div>
          </div>

我希望当您输入卡号时，POPup不会消失，您可以尝试输入其他号码

Answer 1

[class.input-w-error]和[class.notvalid]是用于以-（“ class.css-class-name”）格式访问css类的角度指令。

当分配的条件评估为true时，使用该类。在上面的代码中- [class.notvalid]="iin && !finn?.valid"

如果.notvalid评估为true，则将

iin && !finn?.valid类添加到这些类中。

代码中[class.notvalid]的含义是什么

1 个答案: