單選按鈕默認情況下沒有在角4

我想使默認情況下選中的單選按鈕選擇的角度4.單選按鈕默認情況下沒有在角4

下面是我的模板代碼：

<div class="form-check form-check-inline"> 
    <label class="form-check-label"> </label> 
    <input type="radio" class="form-check-input" 
    name="type" 
    [(ngModel)]="searchForm.type" 
    [value]="['all']" 
[checked]='searchForm.type ==='all'' 
    > All 
</div>

而且我初始化默認值在我的組件ngOnInit

export class myComponent{ 
searchForm:FormVO = new FormVO(); 

ngOnInit(){ 
this.searchForm.type='all'; 
} 
}

我也試過構造初始化，這裏居然值設置在兩個構造函數或nginit方式全部searchForm.type。我正面臨的問題是我無法僅在模板中選擇無線電。

這是我試過的方法：

方法1：

[checked]="searchForm.type ==='all'"

方式2：

[checked]="searchForm.type ==='all' ? true : false"

方式3：

[checked]="searchForm.type =='all'"

我也讀幾就像通過數字我可以做到這一點默認選舉。我沒有嘗試這種方式，因爲我只想使用字符串值的解決方案。

在此先感謝。

我請求避免將此標記爲重複問題，因爲我已經嘗試了所有這些問題的解決方案，但都沒有成功。

我使用角CLI具有角4.

來源

2017-09-04 Naveen

該文檔有一個很好的例子如何使用無線電與角

https://angular.io/api/forms/RadioControlValueAccessor#how-to-use-radio-buttons-with-form-directives

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'example-app', 
    template: ` 
    <form #f="ngForm"> 
     <input type="radio" value="beef" name="food" [(ngModel)]="myFood"> Beef 
     <input type="radio" value="lamb" name="food" [(ngModel)]="myFood"> Lamb 
     <input type="radio" value="fish" name="food" [(ngModel)]="myFood"> Fish 
    </form> 

    <p>Form value: {{ f.value | json }}</p> <!-- {food: 'lamb' } --> 
    <p>myFood value: {{ myFood }}</p> <!-- 'lamb' --> 
    `, 
}) 
export class RadioButtonComp { 
    myFood = 'lamb'; 
}

值從value="..."匹配將選擇分配給myFood的值（在本例中爲'lamb'）。

來源

2017-09-04 08:29:34

在我的情況[value] =「'all'」已經試圖用[checked] =「searchForm.type =='all'」來選擇，這裏應該做些什麼？ – Naveen

只是擺脫'[checked] =「searchForm.type =='所有'」 –

仍然沒有運氣:( – Naveen

我通過在輸入框中添加表單標籤來解決此問題。請嘗試一下，看看它是否適合你。

來源

2017-12-07 11:36:42 fruitjs

單選按鈕默認情況下沒有在角4

回答

相關問題