在 Angular JS 中将微调器添加到锚标记

Question

我在 Angular JS 中有一个 hyperlink 页面（使用锚标记创建）。当我单击 link 时，我想显示一个微调器，直到内容加载完毕。

在 list.html 中，我声明了 DIV 标签如下：

<div id="loadScreen" class="load-screen" ng-show="displayLoader">
    <div class="loading-spinner"></div>
</div>

<div ng-if="isAccessible">
    <a href="https://www.google.com" ng-click="showLoader()">Click here</a>
</div>

在控制器中，我有以下代码：

    $scope.displayLoader = false;

    $scope.showLoader = function() {
        console.log("Inside showLoader....");
        $scope.displayLoader = true;
    };

控件从不进入 showLoader 函数。我最初的目标是至少点击此功能并打印控制台日志语句，但到目前为止我并不幸运。

我是 Angular JS 的新手，我的项目已经在使用 v1.3 所以我不能更改版本。

请让我知道我怎样才能做到这一点？

谢谢。

Answer 1

我改变了方法。我没有将微调器添加到超链接，而是在加载目标页面时触发它。这行得通，而且似乎是正确的方法。

在 Angular JS 中将微调器添加到锚标记

Add spinner to anchor tag in Angular JS

javascript

anchor

angularjs