如何將 ngClass 中的 2 個條件放入 angular 2

Question

我試圖在我的 ngclass 中加入 2 個條件，但它不起作用。

 <input type="password" [ngClass]="{active: submitted && !form.controls['password']}"  [formControl]="form.controls['password']" required>
   this.submitted = false;
 onSubmit(form: any) {
      this.submitted = true;
 }

我的活動是一個帶有邊框錯誤的類，我試圖在點擊時顯示錯誤。

Answer 1

嗨，你可以試試這個！

為我工作很好！

ng-class=" {'active' : your condition, 'disabled' : your condition } "

Answer 2

如果您使用表單控件，則不需要在輸入標簽內取消清除要求，您需要在 ts 文件內取消清除它

HTML

<input type="password" [ngClass]="{'active': isActive()}"   [formControl]="form.controls['password']">

打字稿

constractor(fb : FormBuilder){
     this.submitted = false;
     this.form = fb.group({
        password: new FormControl({value: null}, Validators.compose([Validators.required]))
     });
}

onSubmit(form: any) {
      this.submitted = true;
}

isActive(){
   return this.submitted && !this.form.controls['password'];
}