ラジオボタンが角度2で正しく機能しない

Question

特定のラジオボタンがある角度2のコンポーネントがあります。私は特定の条件でラジオボタンをチェックします。

ラジオボタンのHTMLコードのように行く：

<span class="radio-switch-group"> 
 
    <label> 
 
\t <input type="radio" name="radioView" id="All" (click)="onBtnClick('All')" [checked]="currentTab === 'All'"> 
 
\t <span class="radio-label">ALL Cars</span> 
 
    </label> 
 
    <label> 
 
     <input type="radio" name="radioView" id="Honda" (click)="onBtnClick('Honda')" [checked]="currentTab === 'Honda'"> 
 
     <span class="radio-label">Honda</span> 
 
    </label> 
 
</span>

次のようにTSファイルは次のとおりです。

 export class CarComponent implements OnInit{ 
     @Input() public currentTab: string = 'All'; 

     public onBtnClick(carType: string){ 
      this.currentTab = carType; 
     } 

     public ngOnInit() { 
      this.currentTab = 'All'; 
     } 
    } 

私はタブビューでこのコンポーネントをインスタンス化するとき他のコンポーネントの現在のタブが設定されていてもラジオボタンがチェックされていない「すべての」の代わり@Inputの

Answer 1

（）に、単に変数以下のように宣言します。

export class CarComponent implements OnInit{ 
    public currentTab: string = 'All'; 

    public onBtnClick(carType: string){ 
     this.currentTab = carType; 
    } 

    public ngOnInit() { 
     this.currentTab = 'All'; 
    } 
} 

@Inputはangular2に結合片道する責任があります。

希望すると助かります！

Answer 2

入力の属性バインド[value]を使用してみてください。 [selected]または[checked]をAngularで使用したIIRCは、本質的に次のことを行います。このコードは私のためにうまく働いている

if ([checked]===[value])

<span class="radio-switch-group"> 
 
    <label> 
 
\t <input type="radio" name="radioView" id="All" (click)="onBtnClick('All')" [value]="'All'" [checked]="currentTab"> 
 
\t <span class="radio-label">ALL Cars</span> 
 
    </label> 
 
    <label> 
 
     <input type="radio" name="radioView" id="Honda" (click)="onBtnClick('Honda')" [value]="'Honda'"[checked]="currentTab"> 
 
     <span class="radio-label">Honda</span> 
 
    </label> 
 
</span>