ng-click不适用于选择框中的默认选项

时间:2015-04-21 13:07:38

标签: angularjs

我添加了

<select ng-model="some_value"
                    ng-options="item.tt  for item in  data" ng-change="fnCall()" style="width: 85%" id="first">
                    <option value="" ng-click="fnCall()">--Select Value--/option>
            </select>

但是点击选择值(默认选项),没有调用该函数,任何想法?

1 个答案:

答案 0 :(得分:4)

option代码没有点击事件(至少不是您尝试使用它的方式),只有select元素才有。

坚持使用ng-change,如果选择默认选项,则应使用默认值(null)调用它。

<强>更新

要实现您的目标,请将span/h4/any-element与文本&#34绑定;选择一个值&#34;到具有ng-hide="some_value"的模型。或者,使用fnCall(some_value)显示提醒。

示例:https://jsfiddle.net/HB7LU/13105/

<div ng-controller="MyCtrl">
    <select ng-model="test" ng-change="fnCall(test)" ng-options="val for val in values">
        <option value="">Select a value</option>
    </select>
</div>

-

var myApp = angular.module('myApp', []);   

function MyCtrl($scope) {
    $scope.values = [1, 2, 3]
    $scope.fnCall = function (val) {
        if (!val) {
            alert('Please select a value');
        }
    }
}