Angularjs-加载数据时显示骨架

Angularjs-加载数据时显示骨架,angularjs,Angularjs,在从api服务加载数据时,是否还可以显示骨架(空框-如果我需要使用服务从后台加载一些图像和文本),这样用户就可以感觉到发生了什么,而不是在准备好后显示空页面和转储数据。您可以使用简单的ng show和加载的变量 即 $scope.loaded=false; $http.get(…) .然后({ $scope.loaded=true; }) 您可以使用简单的ng显示和加载的变量 即 $scope.loaded=false; $http.get(…) .然后({ $scope.loaded=tr

在从api服务加载数据时,是否还可以显示骨架(空框-如果我需要使用服务从后台加载一些图像和文本),这样用户就可以感觉到发生了什么,而不是在准备好后显示空页面和转储数据。

您可以使用简单的ng show和加载的变量


$scope.loaded=false;
$http.get(…)
.然后({
$scope.loaded=true;
})

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


$scope.loaded=false;
$http.get(…)
.然后({
$scope.loaded=true;
})
您需要

有一个问题是,速度太快,无法引起注意:

<!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>

示例-示例ng斗篷生产
{{‘你好’}
{{‘世界}}
在您的项目上尝试一下,看看它是否有帮助

有一个问题是,速度太快,无法引起注意:

<!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>

示例-示例ng斗篷生产
{{‘你好’}
{{‘世界}}

在您的项目上尝试一下,看看是否有帮助

我正在使用ng repeat进行无限加载。。结构有一个左div用于图像,右div用于文本我正在使用ng repeat,具有无限加载。。结构,左div表示图像,右div表示文本谢谢,但它不会像我预期的那样显示任何骨架视图,直到加载的为真div才可见。但是在数据填充之前,我需要显示为空boxes@user3622819同样的过程也适用-加载为真时显示数据框,当加载为false时显示一个占位符框。那么,您的建议是多使用一个带有空样式的div,在加载为false时启用它,并在加载为true时切换到数据模式?隐马尔可夫模型。。这是有道理的。。但是如果我需要在ng中显示这个,重复需要检查..我正在使用infinity LoadingTanks,但是它不会像我期望的那样显示任何骨架视图,直到加载为true,div将不可见..但是在数据填充之前,我需要显示为空boxes@user3622819同样的过程也适用-加载为真时显示数据框,当加载为false时显示一个占位符框。那么,您的建议是多使用一个带有空样式的div,在加载为false时启用它,并在加载为true时切换到数据模式?隐马尔可夫模型。。这是有道理的。。但是如果我需要在ng中显示这个,重复需要检查..我使用的是无限加载Hanks Sombriks,但是ng斗篷只会在Angular启动之前隐藏角度数据,但是我们的要求是显示一些结构,这样用户可能会感觉到有东西在加载..所以他可以等待感谢Sombriks,但ng斗篷将只隐藏角度数据,直到Angular启动,但我们的要求是显示一些结构,以便用户可以感觉到有东西正在加载,所以他可以等待