将数组项映射到重复列表

用户名

这是我想要实现的简单版本:

$scope.colors = [{ "Name": "Red" },{ "Name": "Orange" },{ "Name": "Yellow" }];

<ul>
    <li>{{colors[0].Name}}</li>
    <li>{{colors[1].Name}}</li>
    <li>{{colors[2].Name}}</li>
    <li></li>
    <li></li>
</ul>

但我想更动态地做到这一点。也就是说,重复5个列表项,每个列表项包含来自数组的一个项,该项colors最多可以包含5个项(在这种情况下为3)。

斯里纳斯

您可以通过这种方式执行此操作,但在此处会获得额外的跨度。

   <ul>
        <li ng-repeat="i in [1,2,3,4,5]">
          <span ng-if="i<=colors.length">{{colors[i].name}}</span>
         </li>
    </ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

自动将数组映射到列表

来自分类Dev

将具有重复列的表映射到相同类的两个实例

来自分类Dev

重复列表之间的Python映射

来自分类Dev

将XML列表映射到Word重复组件(Word 2013)

来自分类Dev

将数组映射到控件时避免重复代码

来自分类Dev

将数组映射到控件时避免重复代码

来自分类Dev

与Axios反应无法将数组映射到列表

来自分类Dev

RestTemplate将JSON数组映射到对象列表

来自分类Dev

使用流将数组索引映射到列表

来自分类Dev

将SwiftyJSON映射到数组

来自分类Dev

将列表拆分为重复列表和非重复列表

来自分类Dev

如何将具有重复值的数组映射到Javascript中的唯一数组?

来自分类Dev

将列表映射到python中的列表

来自分类Dev

将数组部分映射到新数组

来自分类Dev

将索引数组映射到坐标数组

来自分类Dev

将键数组映射到值数组

来自分类Dev

将数组映射到数组内部

来自分类Dev

将数组映射到对象数组

来自分类Dev

将数组映射到新数组

来自分类Dev

通过对象列表将ID数组映射到字符串数组

来自分类Dev

将<S,S>映射到列表<S>

来自分类Dev

将Jsonpath输出映射到POJO列表

来自分类Dev

将咖喱映射到参数列表

来自分类Dev

将元组列表映射到新列

来自分类Dev

Scala:将地图映射到元组列表

来自分类Dev

将字符从字典映射到单词列表

来自分类Dev

将列表映射到其他类型

来自分类Dev

将列表的字典映射到pandas df

来自分类Dev

将`apply`映射到功能列表