这是一个 jsfiddle。 http://jsfiddle.net/cuycbxxp/
我在这里有一个下拉选项,用于 2. 姓名和号码。
选择姓名,然后选择号码。一旦为数字选择了下拉列表,执行功能就会执行,并且输出会显示在控制台上。
这可能看起来工作正常。但打开控制台并单击下拉菜单。执行函数在我们选择下拉选项之前执行。
如何确保执行函数只在用户点击其中一个选项标签时执行?
标记:
<div ng-controller="MyCtrl">
<div>
<label>Names:</label>
<select ng-model="params.name">
<option value="pa">Taeo</option>
<option value="ws">Wers</option>
<option value="pn">Petin</option>
</select>
<br>
<label>Numbers:</label>
<select ng-click="execute()">
<option value="22">22</option>
<option value="33">33</option>
</select>
</div>
</div>
最佳答案
ng-click 将在您单击带有该装饰器的任何元素时触发,而不是该选项。我认为 ng-change 在您的情况下可能是一个更好的指令。
关于javascript - Angular ng-click 用于 drodpdown 选项标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37015161/