下拉选择在页面加载角

问题描述：

<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>

任何一个可以告诉我，我用的时候页面加载角度

答

你的成功的呼叫尝试这回:)

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

不工作...... – asasasaa

@asasasaa什么是不工作？你有没有得到任何错误？我的代码应该为您的下载加载设置一个值。 –

这里我想绑定任何动态值的动态值 – asasasaa

答

这里选择我该怎么办使用直接返回服务，而不是你可以使用你的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>

答

您可以在div中使用ng-init并调用设置ng模型值的函数。例如：ng-init="assignValue()"，并在控制器中：

$scope.assignValue = function(){ 
    $scope.User_Role = $scope.rollist[0] 
    }

下拉选择在页面加载角

相关推荐