Angularjs-在加载数据时显示框架

是否有反正在从api服务加载数据时显示框架（空框，如果我需要从背景加载一些图像和文本），以便用户感觉到某些事情正在发生而不是在准备好之后显示空白页面和转储数据。Angularjs-在加载数据时显示框架

2016-12-11 user3622819

我使用ng-repeat与无限加载..结构与一个左div对于图像和正确的div文本 – user3622819

您可以使用简单的ng显示和加载的变量。

即

<div ng-show="Controller.loaded"></div> 

$scope.loaded = false; 
$http.get(...) 
    .then(...{ 
     $scope.loaded = true; 
    })

来源

2016-12-11 05:00:51

谢谢，但它不会显示任何骨架视图，直到加载真正的div不会被看到..但在数据填充之前，我需要显示空框 – user3622819

@ user3622819相同进程工作 - 在加载时显示数据框为真，并且在加载时显示占位符框为false。 –

所以你建议有一个更多的div与空样式，启用它时加载是错误的，切换到加载数据模式是真实的？嗯..它是有道理的..但如果我需要显示在ng-repeat需要检查..我使用无限加载 – user3622819

你需要ngCloak

有一个plunker但它的速度太快要注意：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-ng-cloak-production</title>  
    <script src="//code.angularjs.org/snapshot/angular.min.js"></script> 
</head> 
<body ng-app=""> 
    <div id="template1" ng-cloak>{{ 'hello' }}</div> 
<div id="template2">{{ 'world' }}</div> 
</body> 
</html>

尝试在您的项目，看看是否有帮助

来源

2016-12-11 05:02:46 Sombriks

谢谢sombriks，但ng-cloak只会隐藏角度数据，直到角度bootstrap，但我们的要求是展示一些结构，以便用户可以感觉到有东西正在加载......所以他可以等待 – user3622819

Angularjs-在加载数据时显示框架

回答

相关问题