AngularJS select設(shè)置默認(rèn)值的實(shí)現(xiàn)方法
更新時(shí)間：2017年08月25日 15:55:54 投稿：lqh
這篇文章主要介紹了AngularJS select設(shè)置默認(rèn)值的實(shí)現(xiàn)方法的相關(guān)資料,這里提供實(shí)現(xiàn)方法幫助大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下
AngularJS的select設(shè)置默認(rèn)值
在使用Angular時(shí)候使用select標(biāo)簽時(shí)會遇到綁定數(shù)據(jù)指定默認(rèn)顯示值可這樣實(shí)現(xiàn)
<!DOCTYPE html>
<html ng-app="noteApp" ng-controller="noteCtrl">
<head>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../plugins/angular.min.js"></script>
</head>
<body ng-app="noteApp" ng-controller="noteCtrl">
<select ng-options="act.id as act.name for act in typeList"
ng-model="ZNoteVo.type"></select>
</body>
<script type="text/javascript">
angular.module("noteApp", []).controller("noteCtrl", function($scope) {
$scope.typeList = [ {
id : '01',
name : "任務(wù)"
}, {
id : '02',
name : "日志"
}, {
id : '03',
name : "會議"
}, {
id : '04',
name : "學(xué)習(xí)"
}, {
id : '05',
name : "總結(jié)"
}, {
id : '99',
name : "其他"
} ];
$scope.ZNoteVo={};
$scope.ZNoteVo.type = "03";
});
</script>
</html>
當(dāng)我們選擇類型是03時(shí)則默認(rèn)是會議
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持，如有疑問請留言或者到本站社區(qū)交流討論，大家共同進(jìn)步！
相關(guān)文章
這篇文章主要介紹了詳解angular應(yīng)用容器化部署，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
angularJs中datatable實(shí)現(xiàn)代碼
本篇文章主要介紹了angularJs中datatable實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
詳解在 Angular 項(xiàng)目中添加 clean-blog 模板
本篇文章主要介紹了詳解在 Angular 項(xiàng)目中添加 clean-blog 模板，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-07-07
下面小編就為大家?guī)硪黄钊肜斫鈇ngularjs過濾器。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了angular4實(shí)現(xiàn)帶搜索的下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了angular+ionic返回上一頁并刷新頁面,需要的朋友可以參考下2017-08-08
AngularJS入門教程之?dāng)?shù)據(jù)綁定用法示例
這篇文章主要介紹了AngularJS之?dāng)?shù)據(jù)綁定用法,結(jié)合實(shí)例形式分析了AngularJS基于內(nèi)置指令ng-model實(shí)現(xiàn)數(shù)據(jù)綁定的操作技巧,需要的朋友可以參考下2016-11-11
Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on
下面小編就為大家?guī)硪黄狝ngularjs中的事件廣播 —全面解析$broadcast,$emit,$on。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
AngularJS之自定義服務(wù)詳解(factory、service、provider)
本篇文章主要介紹了AngularJS之自定義服務(wù)詳解(factory、service、provider)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-04-04
Angularjs在初始化未完畢時(shí)出現(xiàn)閃爍問題的解決方法分析
這篇文章主要介紹了Angularjs在初始化未完畢時(shí)出現(xiàn)閃爍問題的解決方法,結(jié)合實(shí)例形式分析了3種常用的閃爍問題解決方法,需要的朋友可以參考下2016-08-08