angle2のコンポーネントからボタンを無効にする方法はありますか？

Question

コンポーネントのプロパティからテンプレート内のボタンを無効にするにはどうすればよいですか？私はこの

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> 

のようなテンプレートやショー発行ポリシー]ボタンを有効にする必要があるとしクリックしたどうやってやるの？達成するためにどのような方法の

Answer 1

あなたができること以下の使用：

コンポーネント

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" (click)="SubmitPolicy()">Submit</button> 
    <button type="submit" class="btn btn-primary" (click)="ShowIssuedPolicy()" [disabled]="ToggleButton">Show Issue policy</button> 
</form> 

を

Answer 2

一つは、それは、ユーザーがクリックしてIssue policyを見ているまでtrue値を保持するboolean変数を、実装することです。変数が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; 
} 

Plunker link