AngularJS - 탭 및 앤드 모델

Question

저는 AngularJS를 사용합니다. 나는이 탭들을 가지고있다. 내가하고 싶은 것이

index.html을

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Tab1</a></li> 
     <li><a href="#tabs-2">Tab2</a></li> 
    </ul> 

<div id="tabs-1"> 
    <div class="wrapper"> 
    <div class="leftcol"> 
     <div ng-model="models" ng-repeat = "model in models"> 
      {{model.name}}, {{model.town}} 
     </div> 
    </div> 
    </div> 
</div> 

    <div id="tabs-2"> 

    </div> 
</div> 

그리고 이것은 컨트롤러에게 있습니다

script.js

function Ctrl($scope) { 
     $scope.models = 
     [ { name: 'model1', town: 'London'}, { name: 'model2', town: 'London'}, { name: 'model3', town: 'Paris'}, { name: 'model4', town: 'Paris'}]; 
} 

모델 및 디스플레이 모델의 동일한 목록을 사용하는 것입니다 탭 1의 런던과 탭 2의 파리의 모델. 어떤 제안이 있습니까? 고맙습니다!

Answer 1

당신은 필터를 사용하여이 작업을 수행 할 수 있습니다 :이은 런던에서 항목을 반복 할 것이다

<div ng-model="models" ng-repeat = "model in models | filter: { town: 'London' }"> 
    {{model.name}}, {{model.town}} 
</div> 

.