Question

<ol>
<li>Please find things here..</li>
<span ng-repeat="list in vm.ListObject  | unique:'value'| orderBy">
<li>Search for "{{list.value}}"</li>
<li>Proceed</li>
</span>
<li>Click "Checkout" and complete the requi`enter code here`red fields</li>
<li>Click "Submit Requests"</li>
</ol>

”在Chrome中运行正常。但无法在IE中按预期工作。该列表再次从span标签开始”

Answer 1

这可能是由于<ol>个元素需要<li>个子元素。您正在编写代码，试图将<span>渲染为<ol>的子元素，以简化ng-repeat的使用-IE可能无法像Chrome那样优雅地处理此问题。

如果您使用的是angular 1.2+，则可以用ng-repeat和ng-repeat-start指令替换ng-repeat-end指令以解决此问题：

<ol>
  <!-- add ng-repeat-start -->
  <li ng-repeat-start="list in vm.ListObject  | unique:'value'| orderBy">
  Please find things here..
  </li>

  <li>Search for "{{list.value}}"</li>
  <li>Proceed</li>

  <!-- add ng-repeat-end -->
  <li ng-repeat-end>
  Click "Checkout" and complete the requi`enter code here`red fields
  </li>

  <li>Click "Submit Requests"</li>
</ol>

这里是a link to the documentation，以获取更多信息

IE中的ng-repeat导致订购列表无法正常工作

1 个答案: