angularjs的select使用及默認(rèn)選中設(shè)置

更新時(shí)間：2017年04月08日 15:45:46 作者：stoneuu

本篇文章主要介紹了angularjs的select使用及默認(rèn)選中設(shè)置，非常具有實(shí)用價(jià)值，需要的朋友可以參考下

我最近在研究angularjs學(xué)習(xí)的道路上，那么今天也算個(gè)學(xué)習(xí)筆記吧！

1 ng-model="standardCourse.showHours"代替name

2 ng-selected = "1"代替selected="selected",但問(wèn)題是select下會(huì)多出一個(gè)無(wú)用的option

3 在數(shù)據(jù)準(zhǔn)備時(shí)設(shè)置，$scope.standardCourse.showHours= '1';

解決多出的一個(gè)無(wú)用的option

<label for="_sel_show_hours">是否顯示課時(shí)數(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",也需要準(zhǔn)備數(shù)據(jù)時(shí)設(shè)置默認(rèn)值

準(zhǔn)備數(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';
      });

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Angular2里獲取（input file）上傳文件的內(nèi)容的方法
這篇文章主要介紹了Angular2里獲?。╥nput file）上傳文件的內(nèi)容的方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-09-09
AngularJS 中的指令實(shí)踐開(kāi)發(fā)指南(一)
指令（Directives）是所有AngularJS應(yīng)用最重要的部分。盡管AngularJS已經(jīng)提供了非常豐富的指令，但還是經(jīng)常需要?jiǎng)?chuàng)建應(yīng)用特定的指令。這篇教程會(huì)為你講述如何自定義指令，以及介紹如何在實(shí)際項(xiàng)目中使用
2016-03-03
詳解ng-alain動(dòng)態(tài)表單SF表單項(xiàng)設(shè)置必填和正則校驗(yàn)
這篇文章主要介紹了詳解ng-alain動(dòng)態(tài)表單SF表單項(xiàng)設(shè)置必填和正則校驗(yàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-06-06
解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無(wú)法使用的問(wèn)題
今天小編就為大家分享一篇解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無(wú)法使用的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
Angularjs中的$apply及優(yōu)化使用詳解
angular js的雙向數(shù)據(jù)綁定，在開(kāi)發(fā)中起到的作用灰常大，所以下面這篇文章主要給大家介紹了關(guān)于Angularjs中$apply及優(yōu)化使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧
2018-07-07
AngularJs自定義服務(wù)之實(shí)現(xiàn)簽名和加密
AngularJS 是一個(gè) JavaScript 框架，它可以通過(guò) <script> 標(biāo)簽添加到 HTML 頁(yè)面。這篇文章主要介紹了AngularJs自定義服務(wù)之實(shí)現(xiàn)簽名和加密的相關(guān)資料,需要的朋友可以參考下
2016-08-08
angularjs中$http異步上傳Excel文件方法
本篇文章給大家詳細(xì)分析了angularjs中$http異步上傳Excel文件方法，對(duì)此有需要的讀者可以學(xué)習(xí)下。
2018-02-02
AngularJS解決ng-if中的ng-model值無(wú)效的問(wèn)題
本篇文章主要介紹了AngularJS解決ng-if中的ng-model值無(wú)效的問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
在AngularJS框架中處理數(shù)據(jù)建模的方式解析
這篇文章主要介紹了在AngularJS框架中處理數(shù)據(jù)建模的方式,作者同時(shí)也對(duì)AngularJS使用過(guò)程中的一些"坑"作了介紹,需要的朋友可以參考下
2016-03-03
Angular使用Restful的增刪改
今天小編就為大家分享一篇關(guān)于Angular使用Restful的增刪改，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2018-12-12