AngularJS - 制表符和ng-模型

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>

这只会重复来自伦敦的商品。