在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ Angular4 勾選復選框顯示禁用按鈕基礎問題

Angular4 勾選復選框顯示禁用按鈕基礎問題

能實現(xiàn)效果,但感覺太麻煩了。
有沒有簡潔高效的方法?
Template:

<label><input icheck type="checkbox" (click)="onCheckAgree()">同意</label>

<button [disabled]="agreectrl">支付</button>

Ts:

public agree = true;
public agreectrl =true;

onCheckAgree(){
 if(this.agee){
  this.agreectrl = false;
console.log('同意')
this.agree = !this.agree;
} else {
  this.agreectrl = true;
console.log('取消了協(xié)議')
this.agree = !this.agree;
}
}
回答
編輯回答
我以為

用雙向數(shù)據(jù)綁定的原理,ts都不用寫:

<label><input icheck type="checkbox" [(ngModel)]="agreectrl">同意</label>
<button [disabled]="agreectrl" >支付</button>
2017年3月21日 17:05
編輯回答
心夠野

直接在HTML里面控制應該就可以吧

<label><input icheck type="checkbox" (click)="onCheckAgree()">同意</label>

<button [disabled]="!agee">支付</button>
2017年3月23日 20:45