检查条件在选择选项标记

我是新来的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那么它应该打开新弹出。

来源

2014-03-25 vinay

我想你正在寻找'select'属性'ng-change'。 –

你可以触发函数这是通过使用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 ...

来源

2014-03-25 10:59:30

更改代码

类= “形式的控制输入默认” ID = “caller_id_number_emergency”> - 无号码 - {{键}} 到

<select ng-model="selectdata" 
     tooltip-html-unsafe="Define the Caller ID Number of this Device for Emergency Calls."  
     class="form-control input-default" 
     id="caller_id_number_emergency" ng-options=""data.number in data> 
    <option value="" id="">- No Number -</option> 
</select>

现在这个selectdata模型返回选定的值

来源

2014-03-25 10:53:39

检查条件在选择选项标记

回答

相关问题