網站搜尋

typescript - 如何在第二次點擊時取消選取 Angular 2+ 的單選按鈕


我正在嘗試在 Angular 2+ 中實現第二次點擊時取消選擇單選按鈕,就像在 AngularJS 中那樣。我有一個物件陣列,使用 *ngFor 來顯示,因此在一個表單中有多個單選按鈕組。我需要一個實現方法,只能取消選擇指定的單選按鈕。我嘗試過的所有實現方式要麼會在多個按鈕之間反覆選中和取消選中,要麼完全無法工作。

這是我目前的程式碼。我該如何使用 TypeScript 在第二次點擊時取消選取單選按鈕?

答案#1

你需要將單選按鈕的值綁定到 ngModel,並且應該監聽 ngModelChange 或 click 事件,而不是 change 事件。

這個答案可能也對你有幫助 https://stackoverflow.com/a/42447116/4544288

答案#2

請嘗試在你的程式碼中加入更多的單選按鈕。它運作良好嗎?你能嘗試在再次點擊時取消選取已選的單選按鈕嗎?我是指你的 stackblitz 程式碼:stackblitz.com/edit/angular-bootstrap4-jo5acq。