input表單type="radio"時(shí)處處坑

ng-checked 與 ng-model共用的坑

ng-checked在官方文檔中一個(gè)Note,提示此指令不能和ng-model一起使用,會導(dǎo)致意想不到的行為。

https://docs.angularjs.org/api/ng/directive/ngChecked

ng-checked是一種表達(dá)式時(shí),當(dāng)ng-checked="true"時(shí),意思就是說該復(fù)選框會默認(rèn)被選中,數(shù)據(jù)傳遞時(shí)就會傳遞該默認(rèn)的數(shù)據(jù),而選擇其它則無用。

默認(rèn)選中type="radio"中一項(xiàng)

一般表單中需要默認(rèn)選中某一個(gè)radio時(shí),需要value與ng-model值相同時(shí),就會被選中,但是如果使用ng-value與ng-model共用時(shí)就不會被選中了,我的ng-value里是一個(gè)表達(dá)式獲取到的一段字符串?dāng)?shù)據(jù),此時(shí)默認(rèn)選中我選擇在controller中讓其需要默認(rèn)選中的表單model的值等于ng-value的值,初始化一下就好了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個(gè)用于設(shè)計(jì)動態(tài)web應(yīng)用的結(jié)構(gòu)框架。首先,它是...
    200813閱讀 1,792評論 0 3
  • 基礎(chǔ)ng屬性指令 ng-hrefng-srcng-disabledng-checkedng-readonlyng-...
    JUN_API閱讀 584評論 0 0
  • AngularJSAngularJS 是一個(gè) MV* 框架, 最適于開發(fā)客戶端的單頁面應(yīng)用。它不是個(gè)功能庫,...
    一直以來都很好閱讀 955評論 0 0
  • 基礎(chǔ)ng屬性指令 布爾屬性 布爾屬性代表一個(gè)true或false值。當(dāng)這個(gè)屬性出現(xiàn)時(shí),這個(gè)屬性的值就是true(無...
    oWSQo閱讀 1,350評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,653評論 19 139

友情鏈接更多精彩內(nèi)容