Html 在Angular JS中同时迭代两个数组
我有两个数组,我想在一个数组中显示它们 使用ng-repeat的会话方式 假设两个数组的定义如下Html 在Angular JS中同时迭代两个数组,html,angularjs,iteration,Html,Angularjs,Iteration,我有两个数组,我想在一个数组中显示它们 使用ng-repeat的会话方式 假设两个数组的定义如下 messages\u send=[“你好”,“很好,你呢?”,“很酷”,“LOL”,“NFW”] 您收到的信息=[“嗨,你好吗?”,“很好,谢谢”,“嗯”,“asdfsda”] 信息发送[i] 收到的信息[i] 我是这样做的,它写道唯一的问题是它打乱了我的谈话布局。有没有其他方法可以做到这一点?我的意思是使用ng reapet迭代两个数组,而不会弄乱布局 谢谢您可以对此进行一些修改,
messages\u send=[“你好”,“很好,你呢?”,“很酷”,“LOL”,“NFW”]
您收到的信息=[“嗨,你好吗?”,“很好,谢谢”,“嗯”,“asdfsda”]
-
信息发送[i]
-
收到的信息[i]
我是这样做的,它写道唯一的问题是它打乱了我的谈话布局。有没有其他方法可以做到这一点?我的意思是使用ng reapet迭代两个数组,而不会弄乱布局
谢谢您可以对此进行一些修改,但您需要对数组进行错误检查,以确保它具有相同数量的元素。我只是使用了一个
ng show
来进行错误检查,但类似这样:
<ul>
<span ng-repeat="msg in messages_send track by $index>
<li>
{{msg}}
</li>
<li>
<span ng-show='messages_received.length>=$index'>
{{messages_received[$index]}}
</span>
</li>
</span>
</ul>
为什么不将它们映射到一个数组?
<ul>
<span ng-repeat="msg in messages_send track by $index>
<li>
{{msg}}
</li>
<li>
<span ng-show='messages_received.length>=$index'>
{{messages_received[$index]}}
</span>
</li>
</span>
</ul>