angularjs - AngularJS - 标签和 ng-model

Question

我使用 AngularJS。我有这些标签。

索引.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>

这是控制器

脚本.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>

这只会重复来自伦敦的项目。