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

时间:2016-10-06 11:18:18

标签: javascript angularjs

我正在研究CRUD操作。它们是Update中的另一个操作,即“ModifyUsersinGroup”

我有一个用户列表。 我有团体。 每个组都有很多用户 我现在在ModifyUserinGroup中正在做的是我能够从后端服务获取组中的所有已分配用户,并且我能够从下拉列表中添加新用户。 我还有一个显示所有用户的下拉列表。

问题陈述: 通过单击下拉列表中的用户,如果组中已存在用户,则通过单击该用户,它应调用相同的后端服务检查,如果该用户已存在于组中,则将其隐藏或禁用它或显示错误点击它的消息“无法添加用户” 我怎么能这样做。

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

Fiddle

1 个答案:

答案 0 :(得分:0)

就像点击时触发的 ng-click =“”一样,您可以使用 ng-change =“”来调用验证功能来处理您的问题要求。

我认为你正在使用选择元素,如果有的话,那么这里就是一个例子

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

};

希望这有帮助。

干杯。