如何使用角度從下拉列表中選擇選項值

我有兩個下拉列表，其中add resource按鈕，當我點擊add resource按鈕時，我需要將選定的選項值從下拉列表中傳遞給insertResource方法。
如何獲得selected option value ??我知道我們可以很容易地在jquery中使用option:selected做到這一點但是我想用角度來做。
有什麼幫助嗎？如何使用角度從下拉列表中選擇選項值

<body ng-app="intranet_App" ng-controller="myCtrl" ng-init="init()"> 
    <div class="container"> 
     <div class="row">  
      <div> 
       <label class="displayBlock margin">Project Name</label> 
       <input type="text" name="name" class="currentProjectName"> 
      </div> 
      <div> 
       <label class="displayBlock margin">Resource Name</label> 
       <select name="ResourceInsert" id="allocateResource"><option data-ng-repeat="data in resourceList" value="{{data.EmpId}}">{{data.ResourceName}}</option></select> 
      </div> 
      <div> 
       <label class="displayBlock margin">Role Name</label> 
       <select name="ResourceInsert" id="allocateRole"><option data-ng-repeat="data in roleList" value="{{data.RoleId}}">{{data.RoleName}}</option></select> 
      </div> 
     </div> 
     <div class="row"> 
      <button class="btn btn-primary addResource" ng-click="insertResource()">Add Resource</button>  
     </div> 
    </div>  
</body> 
<script> 
    var app = angular 
        .module('intranet_App', []) 
        .controller('myCtrl', function ($scope,$http) { 
         $scope.init = function() { 
          $scope.getProjId(); 
          $scope.ResourceJson(); 
          $scope.RoleJson(); 
         } 
         $scope.getProjId = function() { 
          var url = document.URL; 
          var id = decodeURI(/id=([^&]+)/.exec(url)[1]); 
          var projectName = decodeURI(/val=([^&]+)/.exec(url)[1]); 
          $('.currentProjectName').val(projectName) 
         } 
         $scope.ResourceJson = function() { 
          $http.post('/Project/empList').then(function (response) { 
           $scope.resourceList = response.data; 
           console.log($scope.resourceList) 
           }) 
         } 
         $scope.RoleJson = function() { 
          $http.post('/Project/roleList').then(function (response) { 
           $scope.roleList = response.data; 
           console.log($scope.roleList) 
           }) 
         } 
         $scope.insertResource = function() { 

         } 
        }); 
</script>

來源

2017-06-13 user7397787

如果您的問題是獲取所選項目的數據select。

<select name="ResourceInsert" id="allocateResource" ng-model="selectedValue"> 
    <option data-ng-repeat="data in resourceList" value="{{data.EmpId}}">{{data.ResourceName}}</option> 
</select>

在控制器：？

console.log($scope.selectedValue, "selected Value"); //Your selected value which is EmpId.

來源

2017-06-13 08:47:00 SaiUnique

我有2個領域，都具有相同的'NG-模型=「了selectedValue」'右那我怎麼才能同時通過它使用ng-model指令做如下值？ – user7397787

爲它使用不同的名稱。 – SaiUnique

好的，謝謝...... – user7397787

如何使用角度從下拉列表中選擇選項值

回答

相關問題