调试：ng-click和不存在的函数

Question

Before fixing the problem I had an element (inside an HTML template) with a ng-click which was calling an non-existent function.

Is there a way to enable a strict mode (like use strict in JS) or something similar to see this kind of problems in the console?

UPDATE: I tried also with $compileProvider.debugInfoEnabled(true) without success

Answer 1

Short Answer: There is no option to do this in vanilla AngularJS, however it can be done with a hack.

Long Answer: The expressions you use in DOM event handling directives (such as ng-click, ng-keydown, and ng-submit) are compiled by Angular's $parse service. You can see where this happens inside the code for the event directive . The $parse service includes its own implementation of a lexer and parser, which compile the expression down into JavaScript.

The generated JavaScript has a bunch of safety checks to prevent things from happening, such as errors being thrown from use of undefined functions. A button with this code:

<button ng-click="handleClick()">Click Me!<button>

Will end up generating JavaScript for the event handler that does something similar to this:

if ($scope.handleClick != null) {
    return $scope.handleClick();
} else {
    return undefined;
}