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 在数据准备时设置,$scope.standardCourse.showHours= '1';
解决多出的一个无用的option
<label for="_sel_show_hours">是否显示课时数</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",也需要准备数据时设置默认值
准备数据参考
$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';
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Angular2里获取(input file)上传文件的内容的方法
这篇文章主要介绍了Angular2里获取(input file)上传文件的内容的方法,非常具有实用价值,需要的朋友可以参考下2017-09-09
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
今天小编就为大家分享一篇解决angular2在双向数据绑定时[(ngModel)]无法使用的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
AngularJS解决ng-if中的ng-model值无效的问题
本篇文章主要介绍了AngularJS解决ng-if中的ng-model值无效的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06


最新评论