角（4.x）：不能使用相同的名稱屬性的單選按鈕

Question

我想使一些單選按鈕工作，但Angular抱怨「名稱」屬性。

<form> 
    <div> 
     <h3>Select building</h3> 
     <h4>Building search</h4> 
     <label for="criteria">Search criteria:</label> 

     <input class="radio-input" type="radio" name="building-search-criteria" [(ngModel)]="build_search_criteria" [value]="id" id="id"> 
     <label class="radio-label" for="id">ID</label> 

     <input class="radio-input" type="radio" name="building-search-criteria" [(ngModel)]="build_search_criteria" [value]="name" id="name"> 
     <label class="radio-label" for="nombre">Name</label> 
    </div> 
</form> 

爲了使按鈕的工作收音機，他們必須共享相同的name屬性，但貌似角不喜歡：

If ngModel is used within a form tag, either the name attribute must be set or the form 
     control must be defined as 'standalone' in ngModelOptions. 

     Example 1: <input [(ngModel)]="person.firstName" name="first"> 
     Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> 

build_search_criteria是一個字符串變量。如果我明白了，由於它與模型綁定，所以它的值由所選單選按鈕的value屬性定義。

如何使單選按鈕有效？謝謝。

Answer 1

使用value而不是[value]。因爲[value]期望變量。並且是的，它沒有給我任何ngModel相關的錯誤，它不應該。

<form> 
    <div> 
    <h3>Select building</h3> 
    <h4>Building search</h4> 
    <label >Search criteria:</label> 
    <label class="radio-label" for="id">ID</label> 
    <input class="radio-input" type="radio" name="building-search-criteria" 
     [(ngModel)]="build_search_criteria" 
     value="id" 
     id="id"> 

    <label class="radio-label" for="name">Name</label> 

    <input class="radio-input" type="radio" 
name="building-search-criteria" [(ngModel)]="build_search_criteria" 
    value="name" id="name"> 
</div> 
</form>