Html 在Angular JS中同时迭代两个数组

Html 在Angular JS中同时迭代两个数组,html,angularjs,iteration,Html,Angularjs,Iteration,我有两个数组,我想在一个数组中显示它们 使用ng-repeat的会话方式 假设两个数组的定义如下 messages\u send=[“你好”,“很好,你呢?”,“很酷”,“LOL”,“NFW”] 您收到的信息=[“嗨,你好吗?”,“很好,谢谢”,“嗯”,“asdfsda”] 信息发送[i] 收到的信息[i] 我是这样做的,它写道唯一的问题是它打乱了我的谈话布局。有没有其他方法可以做到这一点?我的意思是使用ng reapet迭代两个数组,而不会弄乱布局 谢谢您可以对此进行一些修改,

我有两个数组,我想在一个数组中显示它们 使用ng-repeat的会话方式

假设两个数组的定义如下

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>