angularjs 獲取默認(rèn)選中的單選按鈕的value方法
在Html頁(yè)面中，有三個(gè)單選按鈕，默認(rèn)選中的是第二個(gè)“重要”這個(gè)選項(xiàng)，設(shè)置ng-checked="true"，把該選項(xiàng)默認(rèn)選中，可是在提交表單時(shí)，卻提示$scope.level為undefine狀態(tài),明明默認(rèn)選中了為什么卻是undefine呢？
于是，先測(cè)試了一把：在Html頁(yè)面寫(xiě)下下面的代碼：
<span style="font-size:18px;"><div ng-controller="testCtrl">
<div >
<label >
<input type="radio" value="Normal" ng-model="level" name="level"
>一般
</label>
<label >
<input type="radio" value="Important" ng-model="level" name="level"
ng-checked="true"
>重要
</label>
<label >
<input type="radio" value="Urgent" ng-model="level" name="level"
>緊急
</label>
</div>
<div> {{ level }}</div> //顯示單選按鈕選中的value
</div></span>
頁(yè)面第一次加載，雖然“重要”這個(gè)單選按鈕是默認(rèn)選中，但是頁(yè)面卻不顯示重要這個(gè)單選按鈕對(duì)應(yīng)的value，
點(diǎn)擊“緊急”按鈕，下面會(huì)顯示“緊急”按鈕的value，
原來(lái)，在頁(yè)面加載時(shí)，$scope.level沒(méi)有被賦值，沒(méi)有初始值，即便 ng-checked="true"，卻也不顯示默認(rèn)選中的值！需要在js中設(shè)置：$scope.level= "Important";這時(shí)，刷新頁(yè)面，會(huì)默認(rèn)顯示選中的按鈕的value：
以上這篇angularjs 獲取默認(rèn)選中的單選按鈕的value方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了深入探究angular2 UI組件之primeNG用法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
angular+webpack2實(shí)戰(zhàn)例子
本篇文章主要介紹了angular+webpack2實(shí)戰(zhàn)例子，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
淺談angular4 ng-content 中隱藏的內(nèi)容
本篇文章主要介紹了淺談angular4 ng-content 中隱藏的內(nèi)容，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
AngularJs是Google開(kāi)源的前端JS框架。使用AngularJs, 我們能夠容易地、健壯的開(kāi)發(fā)出類(lèi)似于Gmail一樣的單頁(yè)Web應(yīng)用。這篇文章主要介紹了詳解angular中如何監(jiān)控dom渲染完畢，有興趣的可以了解一下。2017-01-01
angular5 httpclient的示例實(shí)戰(zhàn)
本篇文章主要介紹了angular5 httpclient的示例實(shí)戰(zhàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
AngularJS實(shí)現(xiàn)的2048小游戲功能【附源碼下載】
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的2048小游戲,可實(shí)現(xiàn)通過(guò)鍵盤(pán)W、S、A、D鍵控制上下左右移動(dòng)進(jìn)行游戲的功能,涉及AngularJS頁(yè)面元素動(dòng)態(tài)操作及數(shù)值運(yùn)算等相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了AngularJS 單元測(cè)試（一）詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
Angularjs中如何使用filterFilter函數(shù)過(guò)濾
這篇文章主要介紹了Angularjs中如何使用filterFilter函數(shù)過(guò)濾的相關(guān)資料,需要的朋友可以參考下2016-02-02
在AngularJS中$interval用來(lái)處理間歇性處理一些事情,接下來(lái)通過(guò)本文給大家介紹AngularJS中$interval的用法，需要的朋友參考下2016-02-02
AngularJS動(dòng)態(tài)生成div的ID源碼解析
這篇文章主要介紹了基于AngularJS動(dòng)態(tài)生成div的ID,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，對(duì)angularjs動(dòng)態(tài)生成div的id相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-08-08