AngularJS ng-click Директива Не вызывающая функция

Question

Я пытаюсь использовать ng-click для вызова функции в контроллере, но я не смог заставить ее работать. Я раздели все, вплоть до своей простейшей форме, так что теперь у меня есть это:

<button id="submitBtn" type="submit" class="btn btn-default" 
    ng-click="count = count + 1; count = count + 2; alert('hello');" >Submit</button>  

Первые два оператора (кол = кол + 1; кол = кол + 2;) выполнять только штрафом, но он выиграл Не вызывайте функцию предупреждения. Когда я вынимаю два выражения с инкрементным счетчиком, предупреждение все равно не будет работать. В любое время, когда я пытаюсь вызвать функцию, она терпит неудачу, но работает простой старый Javascript.

(Просто FYI, у меня есть Javascript вниз по странице, которая предотвращает отправку формы и запуск обратной передачи).

Edit:

Я буду включать код моего контроллера для этого:

myApp.controller('LawSearchController', ['$scope', function ($scope) { 

    $scope.alert = function (text) { 
     alert(text); 
    }; 
}]); 

Answer 1

Все функции вы называете в ng-expression в контексте $ охвата.

Итак, когда вы говорите alert(), он компилируется в scope.alert(), который является неопределенным и терпит неудачу.

В контроллере, включает в себя код

$scope.alert = alert

Answer 2

Как один из ответивших отметила, что вам нужно иметь функцию в контроллере, как например:

$scope.alert = function(arg) { 
    // Do something 
}; 

Answer 3

Для дальнейшего использования , вот моя проблема:

Я попытался разместить мою директиву ng-controller с тегом <form> на своей странице. Это приложение asp.net с MasterPage, и (почему, я не знаю) форма заменяется при создании страницы с новой формой, которая обертывает весь контент. В результате моя директива ng-controller исчезла.

Я также попытался разместить директиву ng-controller в теге <asp:Content>, но это также удаляется.

Решение:

Wrap моя страница <form> в <div> и поместить директиву нг-контроллера там.

Answer 4

Я не верю, что это предполагаемое использование ngClick, чтобы содержать много javascript. Вы должны только вызывать функцию 1 в клике NG, и эта функция должна вызывать остальные

Я верю, что это должно быть реализовано как нечто похожее на следующее, и я думаю, вам нужно получить функцию предупреждения из области корня. или

HTML Snippit

<button id="submitBtn" type="submit" class="btn btn-default" ng-click="submitAndAlert()" >Submit</button> 

Контроллер

myApp.controller('controllerName', ['$scope', '$rootScope', function ($scope, $rootScope) { 
    $scope.count = 0; 

    $scope.submitAndAlert = function(){ 
     count += 1; 
     count += 2; 
     alert('hello'); 
    } 

    $scope.alert = function (text) { 
     // $rootScope.window.alert(text); 
     $rootScope.alert(text); 
    }; 
}]);