ng-repeat根据div的内容更改数据

Question

对于ng-repeat中的每个元素，我需要用它来显示一个图标。对于每个div，应根据内容显示不同的图标。什么是正确的方法呢？

以下是代码：

<div class="overview">
    <i class="fa fa-{{}}"></i>
    <div class="overflow-h padding-top" ng-repeat="attributes in places.attributes">
        {{attributes.name}}
    </div>    
</div>

对于每个属性，都应显示不同的图标。

Answer 1

在这个例子中，我使用了FontAwesome图标，并根据对象属性的值添加了一个类。

<div ng-repeat='row in data'>
  <i class='fa fa-{{row.icon}}'></i>
</div>

这将生成一个div，其中包含row.icon属性中指定的图标。有关名称和图标之间的映射，您可以参考FontAwesome站点。