$超時與ng-if在角度？

Question

我有一個ng-if條件：

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

即每當狀態為app.home顯示div。

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

Answer 1

我建議用CSS來做，並為.fixed-outside類添加延遲的動畫。 例如，如果您需要等待5秒鍾才能顯示屏蔽，則可以執行以下操作：

.fixed-outside {
  animation: 5s fadeIn;

  visibility: hidden;
}

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

Answer 2

您可以嘗試以下操作：在控制器中創建一個返回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">