javascript - Angular ng-click 用于 drodpdown 选项标签

Question

这是一个 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>

Answer 1

ng-click 将在您单击带有该装饰器的任何元素时触发，而不是该选项。我认为 ng-change 在您的情况下可能是一个更好的指令。