Javascript如何增加顯示DOM元素的延遲？
[英]Javascript How do I add a delay on displaying the DOM element?
問題描述
我需要增加在應用程序中顯示頁面的延遲。 我正在使用angularjs框架。 我需要執行此操作的原因是，即使我的DOM已完全呈現，但仍然讀取來自angularjs的數據，而不將其添加到DOM中。 我嘗試將超時添加到ui視圖中，但沒有成功。
3 個解決方案
解決方案1
1 2016-09-20 09:08:20
嘗試使用超時功能：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
$scope.myHeader = "Hello World!";
$timeout(function () {
$scope.myHeader = "How are you today?";
}, 2000);
});
解決方案2
0 2016-09-20 09:18:54
我不明白為什么你要延遲頁面加載
我從您的問題中了解到，您的頁面正在以未編譯的形式顯示
嘗試使用
ng-cloack directive
ngCloak指令用於防止Angular html模板在您的應用程序加載時由瀏覽器以其原始（未編譯）形式短暫顯示。 使用此偽指令可避免由html模板顯示引起的不希望的閃爍效果。
該指令可以應用於<body>元素，但是首選用法是將多個ngCloak指令應用於頁面的一小部分，以允許逐步呈現瀏覽器視圖。
這是完整的文檔
解決方案3
0 2016-09-29 18:39:49
在加載視圖之前，請使用resolve選項加載JSON。 文檔。
例如：
resolve: {
return $http({method: 'GET', url: '/someUrl'})
.then (function (data) {
return doSomeStuffFirst(data);
});
}
如何使用 Javascript 中的變量通過 ID 引用 DOM 元素？
[英]How do I refernce a DOM element by ID using a variable in Javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.