關於angular中radio單選的問題

2021-09-01 02:26:43 字數 557 閱讀 2676

html中單選框用法如下,checked用來選中預設的單選項:

male

female

如果使用[(ngmodel)]繫結後,checked就不再生效,此時預設選中項與繫結的***值相關,設定ngmodel繫結的***值即可

***:string='male'

male

female

選中某單選框後觸發事件,有三種方法

1.新增(click)事件,#male和#female是ng2中的模板變數

male

female

2 萬能的 ngmodel和ngmodelchange方法,當使用ngmodel時,如果用繫結的***傳值必須使用ngmodelchange,因為選中單選項後,(click)執行要早於ngmodelchange,所以此時(click)中傳入的值還是未繫結的舊值;如果使用模板變數則不存在這個問題。

male

female

3.原生的change方法也可以

關於angular獲取陣列中物件陣列

1.在獲取到陣列data後,需要使用 ng for迴圈陣列中需要的物件的值 basictable nzdata data ngfor let data of basictable.data td nz table 2.在data陣列中,需要迴圈物件陣列裡的物件 在ts中 if d.succ 在htm...

Angular中關於時間的操作總結

使用new date 可以看見有5種建構函式 console.log new date 當前時間 console.log new date 2015 08 12 12 30 字串 console.log new date 12345679 時間戳 console.log new date 2018,...

關於radio 修改樣式問題

谷歌下 頁面和css如下 test label test radio checked name fruit type radio value 01 id qy test radioinput onclick qy 企業 test label test radio name fruit type ra...