ループを反復する

Question

これは私の元のプランナーデモhttp://plnkr.co/edit/9UBZ9E4uxAo1TXXghm1T?p=previewです。

divの場合（ng-if = "show == 4"）リストが空の場合、特定のdivを非表示にしたいのですが、現在各divが5秒間隔で表示されていますか？ $ intervalに基づいて各divを表示する場合は、detailsList==0の場合はdivを隠すようにjsコードを変更する必要があります。

JSコード：上記と

$scope.start = 1 ; // 1 to start and 0 to stop 

更新コントローラログイン後述のよう

app.controller('MainController', function($scope, $rootScope, $interval) { 
    $scope.show = 1; 
    $rootScope.detailsList = 0; 

    $interval(function() { 

    if ($scope.show === 4) { 
     if ($rootScope.detailsList < 2) { 
     ++$rootScope.detailsList; 
     } else { 
     $rootScope.detailsList = 0; 
     $scope.show = 1; 
     } 
    } else if ($scope.show < 4) { 
     ++$scope.show; 
    } else { 
     $scope.show = 1; 
    } 
    }, 5000, 0); 

}); 

Answer 1

いずれかを使用開始変数が開始例えば$間隔を制御する可変

app.controller('MainController', function($scope,$rootScope, $interval) { 
    $scope.show = 1; 
    $rootScope.detailsList = 0; 
    $scope.start = 1; 

    var intervalPromise = $interval(function() { 

     if($scope.start ==1){ 
     if ($scope.show === 4) { 
      if ($rootScope.detailsList < 2) { 
      ++$rootScope.detailsList; 
      } else { 
      $rootScope.detailsList = 0; 
      $scope.show = 1; 
      $scope.start =0; 
      } 
     } 
     else if ($scope.show < 4) { 
      ++$scope.show; 
     } else { 
      $scope.show = 1; 

       } 

} 
     }, 1000, 0); 




}); 

Answer 2

まあ！あなたはshow==4の状態であなたのdivを表示しません。 代わりのdivタグを表示するために別の変数を取るには：

Coontroller：

私は新しい変数showDivFourを追加して、コントローラーを変更した

app.controller('MainController', function($scope,$rootScope, $interval) { 
$scope.show = 1; 
$rootScope.detailsList = 0; 
$scope.showDivfour = false; 

$interval(function() { 
    if ($scope.show === 4) { 

     if ($rootScope.detailsList < 2) { 
     ++$rootScope.detailsList; 
     } else { 
     $rootScope.detailsList = 0; 
     $scope.show = 1; 
     } 
     if($rootScope.detailsList!=0){ 
     $scope.showDivenfour = true; 
     }else{ 
     $scope.showDivenfour = false; 
     } 
    } 
    else if ($scope.show < 4) { 
     ++$scope.show; 
    } else { 
     $scope.show = 1; 
    } 

    }, 5000, 0); 



}); 

あなたのhtml：

変更：

を

<div ng-if="showDivfour" ng-controller="detailsController" > 

    <div > 
     <h1> {{details[detailsList].name}} </h1> 

    </div> 
    </div>