Question

我想重复一下雪佛兰模型的只是。这是我的代码

<body ng-controller="marcasController">
  <ul ng-repeat="marca in marcas">
    <li ng-repeat="tipo in marca.modelo">{{tipo.nombre}}</li>
  </ul>
</body>

var app = angular.module('App', []);

app.controller('marcasController', ['$scope', function($scope) {

$scope.marcas =[

    {
      "nombre": "Chevrolet",
      "image": "images/aveo.jpg",
      "modelo": [
        {"nombre":"aveo", "color":"black"},
        {"nombre":"corsa", "color":"yellow"}
        ],
      "tab": "aveo"
    },
    {
      "nombre": "Renault",
      "image": "images/aveo.jpg",
      "modelo": [
        {"nombre":"clio", "color":"black"},
        {"nombre":"sandero", "color":"red"}
        ],
      "tab": "aveo"
    },
  ];


  }])

此示例http://plnkr.co/edit/JmhcU06dypoCwOzszLom?p=preview

Answer 1

您需要使用过滤器：

 <ul ng-repeat="marca in marcas | filter:'chevrolet'">

https://docs.angularjs.org/api/ng/filter/filter

Answer 2

您可以在$scope中制作另一个模型并使用它来过滤所选的marcas

app.js - 添加以下行

$scope.selectedModel = "Chevrolet";
将ng-repeat中的index.html更改为

<ul ng-repeat="marca in marcas | filter: selectedModel">

这样，您可以根据需要通过某些用户输入设置新模型$scope.selectedModel。它不会在视图中被硬编码。

在这个例子中，如何重复特定马卡的模型？

2 个答案: