gpt4 book ai didi

javascript - AngularJS,在显示 View 之前解析数据

转载 作者:行者123 更新时间:2023-11-29 22:15:48 24 4
gpt4 key购买 nike

这个主题已经被问到,但我不知道在我的情况下该怎么做。

使用AngularJS 1.0.5:

在显示“登录” View 之前,我想获取一些数据并在未从 AJAX 请求加载数据时延迟 View 呈现。

这是主要代码。这是好方法吗?

angular.module('tfc', ['tfc.config', 'tfc.services', 'tfc.controllers']).config([
'$routeProvider', '$locationProvider', '$httpProvider',
function($routeProvider, $locationProvider, $httpProvider) {
$routeProvider.when('/login', {
templateUrl: 'views/login.html',
controller: "RouteController",
resolve: {
data: function(DataResolver) {
return DataResolver();
}
}
});
}
]);

module_services = angular.module("tfc.services", []);

module_services.factory("DataResolver", [
"$route", function($route) {
console.log("init");
return function() {
// Tabletop is a lib to get data from google spreadsheets
// basically this is an ajax request
return Tabletop.init({
key: "xxxxx",
callback: function(data, tabletop) {
console.log("[Debug][DataResolver] Data received!");
return data;
}
});
};
}
]);

最佳答案

AngularJS 的要点是您可以加载模板和所有内容,然后等待数据加载,这是异步的。

您的 View 应该使用 ng-hide、ng-show 来检查 Controller 的范围,以便当范围内的数据更新时, View 将显示。您还可以显示一个微调器,这样用户就不会觉得网站崩溃了。

关于javascript - AngularJS,在显示 View 之前解析数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15243506/

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