如何仅对特定元素应用element.bind

Question

以下是我调用控制器的指令中的代码段

element.bind('change', function() {
    //alert("inside change function");
    $rootScope.selectedBankName = scope.selectedBankName;
    newvalue = scope.selectedBankName;
    $timeout(function() {
        scope.changeClient();
    }, 500);
});

如果我使用上面的代码，它将为每个元素更改调用changeclient（）函数。 但是我的要求是，仅在更改选择框中的值时，我需要调用changeClient函数。请建议我如何执行此操作。

编辑：

http://plnkr.co/edit/clTJjlZRlErskt6T0Foc?p=preview

当我在文本框或下拉列表中更改某些值并单击显示警报框的任何位置时，请找到插入代码。 但是我的要求是，仅当我更改下拉值并单击任意位置时，才应显示警报（不适用于文本框）。

Answer 1

如果要在更改下拉模型时触发事件，则实际上不需要选择编写指令。 只需在选择项上添加观察者，然后等待更改

$scope.$watch('age',function(newVal){
    $scope.loadMoreTweets();
});

柱塞： http ：//plnkr.co/edit/j3ZR32c4G8PpbLEtrFpZ？p = preview

编辑：

如果您确实选择使用指令代码，则可以将指令应用于select本身，而不是其父div

<select enter>