單選按鈕的角度模板引用變量

Question

我知道這件事：

<input type="text" #inp>
<button type="button" (click)="onClick(inp.value)">Click</button>

所以我得到了我輸入文本框的值，而不必使用ngModel指令。

有沒有類似的方法來使用單選按鈕而不必使用ngModel？

<input type="radio" value="selected" name="viewType">Selected
<input type="radio" value="unselected" name="viewType">Unselected
<input type="radio" value="both" name="viewType">Both

在這些單選按鈕下面，我有一個像這樣的刷新按鈕：

<button (click)="refreshView()">Refresh</button>

這些html輸入元素不是任何表單標記的一部分。 我想要的是使用參數 - 所選單選按鈕值進行“refreshView”函數調用。

這可能嗎？

Answer 1

如果您只有幾個單選按鈕，則以下語法將起作用。 在嵌套條件運算符的幫助下，它獲取與檢查的單選按鈕關聯的值。

<input #rad1 type="radio" value="selected" name="viewType" >Selected
<input #rad2 type="radio" value="unselected" name="viewType" >Unselected
<input #rad3 type="radio" value="both" name="viewType" >Both

<button (click)="refreshView(rad1.checked ? rad1.value : rad2.checked ? rad2.value : rad3.checked ? rad3.value : null)">Refresh</button>

有關演示，請參閱此stackblitz 。