如何使用AngularJS从选择框中获取ID

Question

我是Angular JS的新手。我有以下<select>选项，我必须发送社区的id，即x.community_type_id以获取子社区。

<select> 
    <option ng-repeat="x in myData" ng-click="sendID({{ x.community_type_id }})">{{ x.community_Type }}</option> 
</select> 

现在我正在使用以下代码从Web服务中提取数据以选择选项。

var app = angular.module('EntityApp', []); 
    app.controller('EntityAppCntroller', function($scope, $http) { 
    $http.get("http://111.222.22.333:1081/apartment/community/type/list") 
    .then(function (response) { 
     $scope.myData = response.data.type; 
    }); 

    $scope.sendID = function (id) { 
     alert(langKey); 
    } 
}); 

我想将x.community_type_id发送到Web服务。 这webservice的网址是这样的：

http://11.338.41.149:8481/apartment/register/sub/community/type 

Answer 1

删除大括号中ng-click功能

<select> 
<option ng-repeat="x in myData" ng-click="sendID(x.community_type_id)">{{ x.community_Type }}</option> 
</select> 

Answer 2

试试这个 HTML

ng-click="sendID(x.community_type_id)" 

JS

$scope.sendID = function (id) { 
     $http({ 
      method:'GET', 
      url:'yoururl'+id, 
      data:{'id':id} 
      /// 
})   
    } 

Answer 3

在折角，当属性与ng-开始，其被评估为JavaScript的，因此你可以使用双大括号做掉：

<select> 
    <option ng-repeat="x in myData" ng-click="sendID(x.community_type_id)">{{ x.community_Type }}</option> 
</select> 

Answer 4

尝试这样

<select ng-model="model" ng-options="x.community_type_id as  
    x.community_Type for x in myData" ng-click="sendID(model)"> 
<option ></option> 
</select>