欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

angularjs的select使用及默认选中设置

程序员文章站 2022-04-29 08:59:21
我最近在研究angularjs学习的道路上,那么今天也算个学习笔记吧! 1 ng-model="standardcourse.showhours"代替name 2...

我最近在研究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';
      }); 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。