select如何在angularjs中使用

這篇文章將為大家詳細講解有關(guān)select如何在angularjs中使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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

2 ng-selected = "1"代替selected="selected",但問題是select下會多出一個無用的option

3 在數(shù)據(jù)準備時設(shè)置，$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è)置默認值

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

關(guān)于select如何在angularjs中使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。