angular2のラジオボックスで機能を実行できません

Question

<input type="radio" [(ngModel)]="step1.addInfoLinks" [checked] = "step1.addInfoLinks" name="addInfoLinks" value="true">  

<input type="radio" [(ngModel)]="step1.addInfoLinks" [checked] = "!step1.addInfoLinks" name="addInfoLinks" value="false">  

<div class="fields" id="addInfoLinks" [hidden] = "!step1.addInfoLinks"></div> 

export class Step1Component {  
    step1;  
    constructor(private _globalService: GlobalService){  
     this.step1 = {  
      addInfoLinks:false  
     }  
    }  
}  

私はこのようなコードを持っています。はいをクリックするたびにdivが表示され、visaversaする必要があります。はいをクリックするとdivを表示することができますが、ラジオボックスは選択されていないだけです。ここで何が問題なの？私は[ngModel]="..."一部は既にこのの世話をするためにあなたが[checked] = "..."を必要としないこの

<input type="radio" [(ngModel)]="step2.addInfoLinks" [checked] = "step1.addInfoLinks==false" name="addInfoLinks" value="false"> 

Answer 1

を教えてください。

あなたはそれ以外の値ではなく、両方の文字列がtruthyであるため、また、"!step1.addInfoLinks">では動作しませんでし値trueとfalseの文字列"true"と"false"なりますvalue周り[]を追加する必要があります。

<input type="radio" [(ngModel)]="step1.addInfoLinks" name="addInfoLinks" [value]="true">  
<input type="radio" [(ngModel)]="step1.addInfoLinks" name="addInfoLinks" [value]="false">  

Answer 2

を試してみてください