angularJS的radio實現(xiàn)單項二選一的使用方法
更新時間：2018年02月28日 09:33:50 作者：新欣辛心鑫
下面小編就為大家分享一篇angularJS的radio實現(xiàn)單項二選一的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
廢話少說，直接上代碼：
<div class="col-xs-3">
<input type="radio" ng-value=1 ng-model="sss" name="aaa" >男
</label>
<label>
<input type="radio" ng-value=0 ng-model="sss" name="aaa">女
</label>
</div>
<div>
{{sss}}
</div>
在ng中使用radio實現(xiàn)二選一的時候，需要注意幾個地方：
第一：保持name的屬性值要是一致的；
第二：保持ng-model對應(yīng)同一個值；
第三：需要為每個radio設(shè)置ng-value，因為ng-model的對應(yīng)的值就是選中的那個radio所對應(yīng)的ng-value的值。
由此實現(xiàn)了單選，且能夠傳遞不同的值。
以上這篇angularJS的radio實現(xiàn)單項二選一的使用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了深入理解Angular中的依賴注入，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要給大家介紹了關(guān)于Angular管道PIPE的相關(guān)資料,管道的作用就是傳輸,并且不同的管道具有不同的作用,需要的朋友可以參考下2021-06-06
AngularJS基礎(chǔ) ng-cloak 指令簡單示例
本文主要介紹AngularJS ng-cloak 指令,這里幫大家整理了ng-clock指令的基礎(chǔ)資料,和簡單的代碼實例及效果圖,學(xué)習(xí)AngularJS指令的朋友可以參考下2016-08-08
AngularJS基礎(chǔ) ng-srcset 指令簡單示例
本文主要介紹AngularJS ng-srcset 指令,這里對ng-srcset 指令做了詳細的資料整理，附有代碼示例，有需要的小伙伴可以參考下2016-08-08
Angular中自定義Debounce Click指令防止重復(fù)點擊
本篇文章主要介紹了Angular中自定義Debounce Click指令詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
整理AngularJS框架使用過程當中的一些性能優(yōu)化要點
這篇文章主要介紹了AngularJS框架使用過程當中的一些性能優(yōu)化要點,Angular通常被用來制作大型單頁應(yīng)用,因而性能問題也是必須考慮的因素,需要的朋友可以參考下2016-03-03
Angularjs實現(xiàn)帶查找篩選功能的select下拉框示例代碼
這篇文章主要介紹了Angularjs實現(xiàn)帶查找篩選功能的select下拉框的詳細過程及示例代碼，文中通過示例介紹的很詳細，相信會對大家學(xué)習(xí)使用Angularjs具有一定的參考借鑒價值，有需要的朋友們可以一起來看看。2016-10-10
這篇文章主要介紹了小談angular ng deploy的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
本文通過幾個循序漸進的例子，給大家詳細講解了如何快速入門AngularJS，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
今天小編就為大家分享一篇Angular4 Select選擇改變事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10