angularjs - AngularJS - タブと ng-model

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 にパリのモデルを表示することです。何か提案はありますか? ありがとうございました！