在没有父元素的嵌套循环中使用repeat？

Question

我正在尝试使用以下代码打印出错误消息。正如您所看到的，由于消息在关联数组（对象）内3级深，我必须使用3个循环。外部div实际上是没用的，我想尽可能摆脱它。但是，由于ng-repeat需要将它放到真正的div中，我不知道还能做什么？

<div data-ng-repeat="(typeKey, typeValue) in alerts">
    <div data-ng-repeat="(fieldKey, fieldValue) in typeValue">
        <div data-ng-repeat="(messageKey, messageValue) in fieldValue">
            {[ messageValue ]}
        </div>
    </div>
</div>

Answer 1

我知道angularjs不支持容器少的语法。如果你想摆脱div，你可以在控制器上编写一个函数来生成没有div的消息值：

<div>
    getMessages(alerts)
</div>