角度2のngClassに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

こんにちは、これを試すことができます！

私のためにうまく動作します！あなたは、フォームコントロールを使用している場合、入力タグ内に必要decleareする必要がいけない

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

Answer 2

、あなたは、TS内でそれをdecleareする必要が

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']; 
}