gpt4 book ai didi

javascript - AngularJS $超时不起作用

转载 作者:行者123 更新时间:2023-12-03 03:04:05 24 4
gpt4 key购买 nike

我正在尝试在我的 View 中创建一个延迟操作。
单击按钮时,会出现相应的消息,但我希望该消息在 2000 毫秒后消失。
我发现在某些情况下建议使用 $timeout,并且我似乎遵循了这些情况下的解决方案,但是 $timeout 函数不会更改标签文本。

为什么我的 $timeout 在这种情况下不起作用?

我很感谢有关此事的任何指导。请在下面找到我的代码。

//app.js

var app = angular.module('myApp', []);

//mainController.js

app.controller("mainController", ["$scope", function($scope, $timeout) {
$scope.fireTrigger = function(str) {
$scope.triggeredValue = (str) + " fired";
$timeout(function() {
$scope.triggeredValue = "";
}, 2000);
}
}]);

//index.html

<!DOCTYPE html>
<html ng-app="myApp">

<head>
<title>myApp</title>
<link rel="stylesheet"
href="entertainment.css">
</head>

<body ng-controller="mainController">
<h3 ng-bind="triggeredValue"></h3>
// ...

最佳答案

在内联数组中注入(inject)依赖项,然后在 Controller 的工厂函数中使用它

app.controller("mainController", ["$scope", "$timeout", //<-- add $timeout dependency
function($scope, $timeout) {

关于javascript - AngularJS $超时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47248903/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com