如何把ngClass中的2个条件放在角度2

我想在我的ngclass中放2个条件，但它不工作任何人都可以请帮助我，thakns。如何把ngClass中的2个条件放在角度2

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

其中我的活动是一个带有边框错误的类，我试图在点击时显示错误。

来源

2017-02-23 Daniel

将'active'改为''active'' –

我把[ngClass] =“{active：submitted &&！form.co ntrols ['password']。}}。我忘了有效..... – Daniel

所以它没有引号工作？ –

嗨，你可以试试这个！

对我很好！

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

来源

2017-02-23 12:58:55

你不需要decleare如果使用表单控件的输入标签中需要

，你需要decleare它的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']; 
}

来源

2017-02-23 13:32:18

如何把ngClass中的2个条件放在角度2

回答

相关问题