Question

我是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，则应打开新弹出窗口。

Answer 1

更改您的代码

class =“form-control input-default” ID = “caller_id_number_emergency” ＆GT; - 没有号码 - {{键}} 到

<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模型返回选定的值

Answer 2

你可以触发一个函数，它是使用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 ...

选中选项标签中的条件

2 个答案: