angularjs的select使用及默認選中設置
更新時間：2017年04月08日 15:45:46 作者：stoneuu
本篇文章主要介紹了angularjs的select使用及默認選中設置，非常具有實用價值，需要的朋友可以參考下
我最近在研究angularjs學習的道路上，那么今天也算個學習筆記吧！
1 ng-model="standardCourse.showHours"代替name
2 ng-selected = "1"代替selected="selected",但問題是select下會多出一個無用的option
3 在數(shù)據(jù)準備時設置，$scope.standardCourse.showHours= '1';
解決多出的一個無用的option
<label for="_sel_show_hours">是否顯示課時數(shù)</label> <select id="sel_show_hours" ng-model="standardCourse.showHours" > <option value="1" ng-selected = "1">顯示</option> <option value="0">不顯示</option> </select>
radio也是 ng-checked="1",也需要準備數(shù)據(jù)時設置默認值
準備數(shù)據(jù)參考
$stateProvider.state('home.standardCourseAdd', {
url: "/standardCourse/add",
templateUrl: "/partials/ace/standardCourse/add.html",
controller: function ($rootScope, $http, $scope, $location, $anchorScroll, $stateParams, $state, $timeout, $compile, Upload) {
fnPost($scope, $state, $http, {'name': ''}, '/standardCourse/toAdd.do', function (success, data) {
$scope.standardCourse = data.entity;
$scope.standardCourse.showHours= '1';
});
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
用angular實現(xiàn)多選按鈕的全選與反選實例代碼
本篇文章主要介紹了用angular實現(xiàn)多選按鈕的全選與反選實例代碼，非常具有實用價值，需要的朋友可以參考下2017-05-05
這篇文章主要介紹了Angular Material Icon使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要為大家介紹了Angular中的結構指令模式及使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了使用ng-packagr打包Angular的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文主要介紹AngularJS ng-cloak 指令,這里幫大家整理了ng-clock指令的基礎資料,和簡單的代碼實例及效果圖,學習AngularJS指令的朋友可以參考下2016-08-08
分享使用AngularJS創(chuàng)建應用的5個框架
如果你計劃使用AngularJS創(chuàng)建你的Web應用，那現(xiàn)在就開始吧。你不需要有任何的恐懼和擔心，因為現(xiàn)在有很多的框架都可以很好地支持AngularJS2015-12-12
這篇文章主要介紹了AngularJS 支付倒計時功能的實現(xiàn)思路,需要的朋友可以參考下2017-06-06
本篇文章主要介紹了angularjs的select使用及默認選中設置，非常具有實用價值，需要的朋友可以參考下2017-04-04
淺析angularJS中的ui-router和ng-grid模塊
下面小編就為大家?guī)硪黄獪\析angularJS中的ui-router和ng-grid模塊。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文給大家介紹AngularJS控制器繼承自另一控制器的相關內(nèi)容，小編認為介紹的非常不錯，具有參考借鑒價值，感興趣的朋友參考下吧2016-05-05