Question

这是一个下拉列表：

  <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Role</label>
                                    <select ng-model="User_Role" class="dropdown form-control" ng-options="t.RoleName for t in rollist track by t.ID">
                                        <option value="" >-- Choose Role --</option>
                                    </select>


                                </div>
                            </div>

此处的下拉列表绑定：

 $scope.rolelist = function () {
    var role = UserService.getroleInfo();
    role.then(function (d) {
        //debugger;
        $scope.rollist = d.data;


    }, function (err) {
        //debugger;
        alert("Some Error Occured ");
    });
}

如何选择angularjs中的下拉动态值

这是动态下拉列表<option label="Admin" value="1" >Admin</option>

任何人都可以告诉我在使用角度

加载页面时如何选择

Answer 1

在成功回电试试这个:)

$scope.rollist = d.data;
$scope.User_Role=$scope.rollist[0]; // or $scope.User_Role=$scope.rollist[0].RoleName

Answer 2

这里我使用了直接返回服务而不是你可以在服务中使用你的http请求

    var app = angular.module('testApp',[]);
    app.service('UserService',function(){
      this.getroleInfo=function(){
          return [{ID:1,RoleName:"Admin"},{ID:2,RoleName:"User"}];
      };
    });
    app.controller('testCtrl',['$scope','UserService',function($scope,UserService){

    /*+role.then(function (d) {
        //debugger;
        $scope.rollist = d.data;


    }, function (err) {
        //debugger;
        alert("Some Error Occured ");
    });*/

     //place this below code in inside of your role.then(function(){})
     $scope.rollist= UserService.getroleInfo();
     $scope.User_Role={ID:2,RoleName:"User"};//here place your dynamic data

    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div ng-app="testApp" ng-controller="testCtrl">

<div class="col-md-6">
      <div class="form-group">
          <label class="control-label">Role</label>
          <select ng-model="User_Role" class="dropdown form-control" ng-options="t.RoleName for t in rollist track by t.ID">
              <option value="" >-- Choose Role --</option>
          </select>
      </div>
  </div>
</div>

Answer 3

您可以在div中使用ng-init并调用设置ng-model值的函数。例如：<a>，并在控制器中：

ng-init="assignValue()"

在页面加载角度

3 个答案: