angularJS的radio實(shí)現(xiàn)單項(xiàng)二選一的使用方法
更新時(shí)間：2018年02月28日 09:33:50 作者：新欣辛心鑫
下面小編就為大家分享一篇angularJS的radio實(shí)現(xiàn)單項(xiàng)二選一的使用方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
廢話少說，直接上代碼：
<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實(shí)現(xiàn)二選一的時(shí)候，需要注意幾個(gè)地方：
第一：保持name的屬性值要是一致的；
第二：保持ng-model對應(yīng)同一個(gè)值；
第三：需要為每個(gè)radio設(shè)置ng-value，因?yàn)閚g-model的對應(yīng)的值就是選中的那個(gè)radio所對應(yīng)的ng-value的值。
由此實(shí)現(xiàn)了單選，且能夠傳遞不同的值。
以上這篇angularJS的radio實(shí)現(xiàn)單項(xiàng)二選一的使用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于angularJs指令的Scope(作用域)介紹
下面小編就為大家?guī)硪黄猘ngularJs指令的Scope(作用域)介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法
這篇文章主要介紹了后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法的相關(guān)資料,需要的朋友可以參考下2016-07-07
AngularJS與后端php的數(shù)據(jù)交互方法
今天小編就為大家分享一篇AngularJS與后端php的數(shù)據(jù)交互方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
深入解析AngularJS框架中$scope的作用與生命周期
這篇文章主要介紹了AngularJS中$scope的作用與生命周期,包括在DOM中添加controller對象的相關(guān)用法,需要的朋友可以參考下2016-03-03
angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法
這篇文章主要介紹了angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on
下面小編就為大家?guī)硪黄狝ngularjs中的事件廣播 —全面解析$broadcast,$emit,$on。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
angular+webpack2實(shí)戰(zhàn)例子
本篇文章主要介紹了angular+webpack2實(shí)戰(zhàn)例子，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要介紹了Angular如何由模板生成DOM樹的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
前端開發(fā)中，為了對列表項(xiàng)進(jìn)行快捷操作，有時(shí)就添個(gè)按鈕來簡單實(shí)現(xiàn)。但是，有時(shí)會發(fā)現(xiàn)按鈕影響美觀，甚至影響列表行的布局。稍在網(wǎng)上搜索無果，而寫此仿蘋果滑屏刪除控件2016-01-01
Angular中innerHTML標(biāo)簽的樣式不起作用的原因解析
這篇文章主要介紹了Angular中innerHTML標(biāo)簽的樣式不起作用詳解 ,本文給出了解決方案，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06