下拉選擇在頁面加載角

這裏是一個下拉：下拉選擇在頁面加載角

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

任何一個可以告訴我，我用的時候頁面加載角度

來源

2017-10-16 asasasaa

你的成功的呼叫嘗試這回:)

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

來源

2017-10-16 13:23:42

不工作...... – 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>

來源

2017-10-16 13:32:38

您可以在div中使用ng-init並調用設置ng模型值的函數。例如：ng-init="assignValue()"，並在控制器中：

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

來源

2017-10-16 13:46:44

下拉選擇在頁面加載角

回答

相關問題