如何用Angular的ng-repeat遍历对象并按指定格式展示键与数值数组

没问题，这两种方法都能轻松实现你想要的输出格式，按需选择即可：

方法一：嵌套 ng-repeat 遍历数组元素 #

这种方式适合需要给单个数值添加样式或额外逻辑的场景，灵活性更高：

<div ng-repeat="(key, value) in $ctrl.anObject">
  {{key}}
  <span ng-repeat="num in value"> - {{num}}</span>
</div>

外层ng-repeat遍历对象的键值对，先输出属性名；内层ng-repeat遍历每个属性对应的数值数组，逐个输出- 数值的格式，最终拼接成你想要的效果。

方法二：使用数组 join() 方法简化代码 #

如果只是纯文本展示，不需要额外逻辑，直接用数组的join()方法把元素用-连接会更简洁：

<div ng-repeat="(key, value) in $ctrl.anObject">
  {{key}} - {{value.join(' - ')}}
</div>

这里利用JavaScript数组的join()方法，把数组元素直接拼接成"5 - 1 - 2"这样的字符串，和属性名组合后完全符合你的格式要求。

内容的提问来源于stack exchange，提问作者Leo Messi