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

【问题标题】：Add spinner to anchor tag in Angular JS在Angular JS中将微调器添加到锚标记
【发布时间】：2021-02-06 14:28:24
【问题描述】：

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

在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 所以我无法更改版本。

请告诉我如何实现这一目标？

谢谢。

【问题讨论】：

检查控制台是否有任何错误，可能与范围有关，确保控制器名称和应用程序名称的拼写正确，还要检查元素是否在 ng-app 范围内。
谢谢。我改变了我的方法。我没有将微调器添加到超链接，而是在加载目标页面时触发它。这很有效，而且似乎是正确的做法。

标签： javascript angularjs anchor

【解决方案1】：

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

【讨论】：