javascript - ng-click 根本不触发任何东西

Question

在我的第一个完整的 Angular 应用程序中，我遇到了一个似乎相当简单的问题。我有一些代码:

<div class="button-bar bar-dark" ng-controller="FeedController">
<a class="button" onclick="console.log('..');" ng-click="console.log('...');">Click Me</a>
</div>

起初我以为我遇到了 $scope 的问题，并且每个与 ng-click 相关的单个问题我在 SO 上发现，关于它没有触发导致回到那个问题，但正如你所看到的从上面的代码(在我从函数更改为简单的 console.log 后)，我的问题更简单 - ng-click 只是不执行任何操作。没有错误。 onclick 会触发，但 ng-click 不会。

最奇怪的是，在同一页面中，我有以下内容确实有效:

<div class="list" id="rssnews" ng-controller="FeedController">
            <a ng-click="doSomething('{{entry.link}}')">
            <span ng-bind-html="entry.content"></span></a>
</div>

Answer 1

尝试在这两个事件中调用函数，以下对我有用:

<a class="button" onclick="nativeFn()" ng-click="ngFn()">Click Me</a>

在同一文件中声明一个函数

function nativeFn() {
    alert("nativeFn is triggered!");
};

以及 Controller 中的另一个

function MyCtrl($scope) {
    $scope.ngFn = function () {
        alert("ngFn is triggered!");
    };
}