gpt4 book ai didi

javascript - 在 Angular js 中创建一个简单的服务

转载 作者:行者123 更新时间:2023-11-28 12:22:19 25 4
gpt4 key购买 nike

我创建了一个简单的 div,其中包含带有“正在加载”gif 的叠加层。

我希望能够显示/隐藏这个“加载程序”并可以通过任何 Controller 访问它。

我相信我需要为此使用服务。这是我的简单代码,无法工作:

MyApp.factory('loader', function() {
$(".loader").fadeIn();
});

然后在controllers.js中:

MyApp.controller('MyController', function($scope, $rootScope, $auth, $state) {

$rootScope.loader;

});

但这没有任何作用。我是 Angular 新手,希望能找到解决此问题的方向。

我本质上想创建这样的东西:

loader.show();
loader.hide();

当然,如果有人认为应该采取不同的方式,那么很高兴听到一种更有效的方法。

最佳答案

类似这样的事情吗?当应用程序加载时,它将显示加载程序,1 秒后加载程序将被隐藏。

var app = angular.module('app', []);
app.run(function($rootScope) {
$rootScope.showLoader = true;
})

app.controller('Ctrl', function($rootScope, $timeout) {

$timeout(function(){
$rootScope.showLoader = false;
},1000);


});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<body ng-app="app" ng-controller="Ctrl">
<img ng-if='showLoader' src='http://www.arabianbusiness.com/skins/ab.main/gfx/loading_spinner.gif'>

</body>

关于javascript - 在 Angular js 中创建一个简单的服务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35284843/

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