时间戳

首页 > 解决方案 > 在Angular JS中将微调器添加到锚标记

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

问题描述

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

请让我知道如何实现这一目标？

谢谢。

标签： javascriptangularjsanchor

解决方案

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

推荐阅读