$ ng與ng-if在角度上？

Question

我有一個ng-if條件：

<div class="fixed-outside" ng-if="'app.home'|isState"> 

即每當狀態app.home顯示DIV。

但我想等待一段時間，然後我的div顯示。我怎樣才能做到這一點

Answer 1

你可以試試這個：在您的控制器使返回但app.home沒有返回它立刻把它包裝一個$timeout內和新功能的看法ng-if="'app.home'|isState"替換功能。

喜歡的東西：

控制器

$scope.getAppHome = function(){ 
    $timeout(function(){ 
    return home;   //or whatever var 'home' represents on the view 'app.home' 
    }, 200); 
} 

視圖

<div class="fixed-outside" ng-if="app.getAppHome()|isState"> 

Answer 2

我建議用CSS來做到這一點，與延遲添加動畫.fixed-outside類。例如，如果您需要等待5秒鐘才能顯示數據塊，則可以執行如下操作：

.fixed-outside { 
    animation: 5s fadeIn; 

    visibility: hidden; 
} 

@keyframes fadeIn { 
    99% { 
    visibility: hidden; 
    } 
    100% { 
    visibility: visible; 
    } 
}