angular 2避免重複綁定表達式

by Angular2，有沒有什麼辦法來重構兩個按鈕元素的綁定表達式？angular 2避免重複綁定表達式

<input #c1="ngModel"> 
<input #c2="ngModel"> 
<input #c3="ngModel"> 
<input #c4="ngModel"> 
<input #c5="ngModel"> 
<input #c6="ngModel"> 
<button [disabled]='c1.invalid || c2.invalid || c3.invalid || c4.invalid || c5.invalid || c6.invalid'>b1</button> 
<button [disabled]='c1.invalid || c2.invalid || c3.invalid || c4.invalid || c5.invalid || c6.invalid'>b2</button>

來源

2017-08-28 mehran

更好的是在這種情況下使用的形式，你只需要檢查表單是否有效不是禁用按鈕，並相應地進行切換。像這樣

<form [formGroup]="customForm"> 
    <input formControlName='c1'> 
    <input formControlName='c2'> 
    <input formControlName='c3'> 
    <input formControlName='c4'> 
    <input formControlName='c5'> 
    <input formControlName='c6'> 
    <button [disabled]='!customForm.valid'>b1</button> 
    <button [disabled]='!customForm.valid'>b2</button> 
</form>

來源

2017-08-28 06:22:15

在同一個窗體\ page中有更多的字段不應該影響這兩個按鈕。 – mehran

然後您可以在使用或不使用表單的情況下相應地調用禁用屬性的方法。 –

回答

相關問題