如何通过单击AngularJS中的下拉元素来调用后端服务

Question

我正在从事CRUD操作。 它们是Update中的另一个操作，即“ ModifyUsersinGroup”

我有一个用户列表。 我有团体。 每个组都有许多用户。我现在在ModifyUserinGroup中正在执行的操作是，我可以从后端服务获取组中的所有已分配用户，也可以从下拉列表中添加新用户。 我还有一个下拉列表，显示所有用户。

问题陈述：单击下拉列表中的“用户”，如果某个用户已存在于组中，然后单击该用户，它应调用相同的后端服务，以检查该用户是否已存在于该组中，然后将其隐藏或禁用，或者单击它时显示错误消息“无法添加用户”我该怎么做。

Here is my code ->  https://jsfiddle.net/Jenfier/96xggc6s/ 

小提琴

Answer 1

就像ng-click =“”会触发点击一样，您可以使用ng-change =“”来调用验证函数来满足您的要求。

我假设您正在使用select元素 ，如果是，那么这里是一个示例

// Notice "userValidation()" specified under 
// ng-chage="", which will be triggered on selecting a value from dropdown.

<select class="form-control" id="selectUser" ng-model="user" ng-required="true" ng-options=" user.name as user.name for user in UserList" 
    ng-change="userValidation(user)">
</select>

然后在Controller中，根据需要使用REST调用定义验证步骤。

$scope.userValidation=function(user){

 // doSomething...
    *
    *
    *
 // doSomething...

};

希望这可以帮助。

干杯。