模板中的角度排序和分组项目

Question

我使用Angular（v4）来显示二手车列表。它们可以按品牌，年份和里程进行分类。我想要做的就是获取这个数据对象，并将某个类型的每个对象分组到一个元素中，这取决于我对它们进行排序。

因此，假设{<1}}为每个汽车制造商，<ul>包含我的数据对象中每辆汽车的信息。因此它会像这样吐出一些东西：

<li>

此次场合的最佳做法是什么？我是否使用.ts文件中的函数对对象数组进行拆分和排序？我是否在模板中使用了一系列* ngIf和* ngFor语句？什么能以最灵活和最有效的方式呈现页面？

对象排序的属性是一个变量，每个属性都有一个匹配的数字ID。

编辑：我不愿意分享我的解决方案，但现在是：

<ul>
<li>2016 Ford Ranger: 20,000 mi</li>
<li>2015 Ford F150: 48,000 mi</li>
<li>2012 Ford F150: 122,000 mi</li>
</ul>

<ul>
<li>2015 Fiat 500: 34,000 mi</li>
<li>2017 Fiat Spider: 48,000 mi</li>
<li>2014 Fiat 500: 82,000 mi</li>
</ul>

<ul>
<li>2013 Jeep Ranger: 64,000 mi</li>
</ul>