检查选择选项标签中的条件(check condition in select option tag)

我是angularjs和html的新手，我使用ng-repeat使用带有一些动态值的下拉列表。这是我的代码：

<select ng-model="device.data.caller_id.emergency.number" tooltip-html-unsafe="Define the Caller ID Number of this Device for Emergency Calls." class="form-control input-default" id="caller_id_number_emergency"> <option value="" id="">- No Number -</option> <option ng-repeat="(key, value) in data.numbers" value="{{key}}">{{key}}</option> </select>

如果用户选择任何选项，它应该检查一些条件，如果结果为true则不执行任何操作，如果结果为false则应该打开新的弹出窗口。

I am new to angularjs and html, I am using dropdown with some dynamic values using ng-repeat. This is my code:

And if the user selects any option it should check some condition,and if the result is true then do nothing and if the result is false then it should open new pop up.

最满意答案

您可以使用ng-change指令触发在控制器中定义的功能

<select ng-model="device.data.caller_id.emergency.number" id="caller_id_number_emergency" ng-change="checkCondtition(device.data.caller_id.emergency.number)"> <option value="" id="">- No Number -</option> <option ng-repeat="(key, value) in data.numbers" value="{{key}}">{{key}}</option> </select>

在这里我发送选定的值作为参数，你可以在那里定义你的业务......

这是一个例子PLUNKER ......

you can trigger a function which is define in controller by using ng-change directive

here I send selected value to function as parameter and there you can define your business...

here is a example PLUNKER...

更多推荐