如何从组件属性中禁用模板中的按钮?假设我有这样的组件
export class PolicyAddComponent {
ToggleButton: boolean = true;
SubmitPolicy(value: any) {
ToggleButton = false;
}
}
我有一个这样的模板
<form role="form" [formGroup]="PolicyForm" (ngSubmit)="SubmitPolicy(PolicyForm.value)">
<input type="date" class="form-control" formControlName="RateDate" placeholder="Rate Date">
<button type="submit" class="btn btn-primary">Submit</button>
<button type="submit" class="btn btn-primary" (click)="ShowIssuedPolicy()">Show Issue policy</button>
</form>
我希望在单击提交按钮后禁用提交按钮并启用显示问题策略按钮。我该怎么做?
最佳答案
实现它的方法之一是实现一个boolean
变量,它将保存一个true
值直到用户点击并查看了 Issue policy
。然后,变量设置为 false
并启用提交按钮。
<button type="submit" class="btn btn-primary" [disabled]='checkPolicy'>Submit</button>
<button type="button" class="btn btn-primary" (click)="ShowIssuedPolicy()">Show Issue policy</button>
checkPolicy: boolean = true;
ShowIssuedPolicy(){
this.checkPolicy = false;
}
关于javascript - 如何禁用angular2中组件的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42487347/