当前位置: 首页 > 面试题库 >

AngularJS。调用angular-ui模态时清除$ timeout

郭志
2023-03-14
问题内容

$timeout在Modal控制器中有几个表达式

App.controller('ModalCtrl', function ($scope, $timeout) {
    for (var i = 0; i < 10; i++) {
        (function () {
            var timer = $timeout(function () {
                console.log('timer')
            }, 1000);
        })()
    }
})

调用模式时,我需要清除所有计时器:

App.controller('MainCtrl', function ($scope, $modal, $timeout) {
    $scope.showMap = function () {
        var modal = $modal.open({
            templateUrl: 'modalap.html',
            controller: 'modalCtrl',
        })

        modal.result.then(function () { //fires when modal is resolving
        }, function () { //fires when modal is invoking
        });
    } })

我怎样才能做到这一点?

PS对不起,错误的代码格式。我不知道为什么,但我无法更好地格式化它。我在这里重复了代码:


问题答案:

$timeout服务返回一个Promise可用于取消超时的对象。

// Start a timeout
var promise = $timeout(function() {}, 1000);

// Stop the pending timeout
$timeout.cancel(promise);

要取消所有未决超时,您需要维护一个诺言列表,并在打开模式时取消整个列表。



 类似资料:
  • 问题内容: 亲爱的我是Angularjs的新手,我正在用Angular创建模式。我在网上发现的一个例子如下,我很难理解 我感到困惑的是我已经作为函数参数接收的cartObj通过依赖注入传递给我的控制器。但是,为什么我必须创建一个名为cartObj的函数并返回该变量。似乎令人困惑。谁能帮忙吗? 问题答案: 这是逐行细分: 正在创建一个名为checkout的$ scope变量,该变量引用一个函数,以便

  • 问题内容: 我正在渲染项目中的模态窗口。但是在某些情况下,我想在模态加载后调用一个函数。我曾尝试与和,但没有用。谁能帮我解决这个问题。 谢谢你们。 问题答案: 我浏览了Angular ui bootstrap的文档,最后找到了解决方案。 该方法返回一个具有属性的对象: - 在下载内容的模板并解析所有变量后打开模态时解决的问题 在模型打开后调用函数。

  • 问题内容: 我的AngularJS应用程序中具有监视功能。 但是,在某些情况下(在我的示例中,更改了我的单页应用程序的页面),我想停止监视(例如清除超时)。 我怎样才能做到这一点? 问题答案: 返回注销功能。调用它将取消注册。

  • 问题内容: 我有一个日期存储为SQL Server中的日期。当我在SQL中查询时,日期显示为2014/4/24。那是正确的。该日期已正确地传递给UTC的客户端。要编辑该日期,我们使用Angular UI DatePicker。DatePicker正在根据我的本地时区调整该日期,因此它总是一天后关闭。 我可以看到它正在发生。如果我们编辑的是DateTime而不是Date,则调整时区是正确的。但是,在

  • 问题内容: 我正在尝试将一些模型数据打开时传递给模式窗口。当用户单击某个元素时,我想打开模式窗口并显示与单击的内容有关的更详细的信息。 我创建了一个插件,该插件可以将数据传递到模态窗口中,但其工作方式与我想要的一样。 我正在尝试使用ng-click传递数据: 谁能帮我这个?或指出正确的方向? 问题答案: 怎么样这个? 我添加了解决方案 而在我做的:注射后

  • 问题内容: 我遇到了来自Angular-ui-bootstrap的模式服务问题。我已经根据以下示例设置了模态:http : //angular- ui.github.io/bootstrap/, 但是如果我从模态内容中删除列表项并替换它们,则无法从模态中得到结果具有文本区域和其他ng模型。我会设置一个jsfiddle,但是我不知道如何包含显示我想要的特定库(例如angular- ui-bootst