条件付きng-repeat ui-router

Question

私は角度jにui router（$ routeproviderと$ locationprovider）を使用しています。現在のurl/routeに応じてng-repeatでループする配列を変更したい。私はスタック上の類似の記事を読んだが、私の問題の正確な解決策を見つけることができない。

URLの変更は、私はいくつかの種類で「Ctrl.data.limitedにあるもの」を「Ctrl.data.allにあるもの」からNGリピートを変更したいときに、これらは私のルート

.when('/limited', { 
      template: '<di-home></di-home>', 
      activeTab: 'home', 
      caseInsensitiveMatch: true, 
     }) 

    .when('/all', { 
      template: '<di-home></di-home>', 
      activeTab: 'home', 
      caseInsensitiveMatch: true, 
     }) 

ですif文の

<md-card class="md-whiteframe-4dp" ng-repeat="things in Ctrl.data.all" flex-xs="100" flex-sm="100" flex-md="45" flex-gt-md="30"></md-card> 

これを行うにはどのような方法が最適ですか？あなたは正しい方向/同様の投稿に私を向けることができますか？ありがとう！

Answer 1

あなたの意見では、あなたのコントローラの仕事です。ビューはシンプルなものにしてください

<md-card ng-repeat="things in dataToDisplay"></md-card> 

次にコントローラで、あなたのURLに依存し、$scope.dataを設定します。

if($location.path() === '/limited') { 
    $scope.dataToDisplay = $scope.data.limited; 
} else if($location.path() === '/all') { 
    $scope.dataToDisplay = $scope.data.all; 
} 

はPS：あなたのコントローラーで$locationを注入することを忘れないでください。