使用ng repeat在AngularJs中按类型列出项目

我有一些东西，假设它们是汽车。我正在使用ng repeat列出它们。
汽车也有轮胎。假设我想列出所有的轮胎选项，但是有几种不同类型的轮胎，所以我们想根据它们的类型来区分它们{夏季、公路、赛车等等……）：

在控制器中，我有一个关联数组，它存储不同类型的{summer、racing等）作为键，还有一个布尔值，因此当他们想通过复选框查看每个选项时，ng repeat中显示的项目：

 $scope.CarTireFilter = {"summer":true, "racing":false, ... };

---

如果您只想按某个特定属性显示列表中的项目，则需要一个筛选器。有关详细信息，请参阅文档

不要展示，而是使用以下内容：

div class="col-md-4" ng-repeat="individualCar in allCars| 
                                filter: SET CONDITIONS HERE |
                                orderBy: SET CONDITIONS HERE">

---

我想建议的另一件事是，如果您打算添加基于各种类型的样式。您可能希望使用ng样式以更具角度的方式进行此操作。查看文档。这种方法允许您基于类型添加所需的样式，而不必使用不同类的单独li标记。你应该试着让angular来处理这个问题。

这是否涵盖了你需要做的事情？

 $scope.CarTireFilter = {"summer":true, "racing":false, ... };

div class="col-md-4" ng-repeat="individualCar in allCars| 
                                filter: SET CONDITIONS HERE |
                                orderBy: SET CONDITIONS HERE">