Угловое событие JS-ng-change не срабатывает

Question

Я использовал настраиваемую директиву для выпадающего списка и привязывал dropwdown с использованием метода link(), но ng-change Событие не стреляет.

app.directive("reportfId", function(){ 
return { 
    restrict:'AE', 
    template: '<select id="item" multiple="multiple" ng-model="item" class="form-control" style="display:inline-block; " ng-change="binddl()" ></select>', 
    link: function(scope, element, attrs, ctrl) 
    { 
     $.each(scope.freports, function (i, value) { 
      element.append(new Option(value.name, value.id, false, false)); 
     }); 
     element.multiselect({ multiple: false, minWidth: 158, selectedList: 1, height: 100, noneSelectedText: "Select Report ", header: "Select Report" }).multiselectfilter(); 

    } 
     } 
}); 

Answer 1

Если метод ng-change="binddl()", binddl() привязывать дл() определена вне директивы, то она не будет работать, как вы создаете другую область в директиве.

link: function(**scope**, element, attrs, ctrl) 

Так, из-за этого ng-isolate-scope будет активен на код шаблона директивы .. Следовательно, любая внешняя функция, переменная модель не будет работать в коде шаблона директивы ..

Проверить AngularJS: Call external functions from directive?