html - 使用嵌套角度 ng-repeat 引导单级菜单

Question

我正在尝试使用 angularJS 制作引导单级菜单。<li>动态构建时，它已经可以与 js 和 html 一起使用。

现在我正在尝试使用 AngularJS。

假设我有一个 JS 对象，它有 Cust 然后在里面订购。如何制作列表菜单

<ul>
  <li ng-repeat="cust in customers">
    <p>{{cust.name}}</p>
    <li ng-repeat="order in cust.orders">
      <p>{{order.desc}}</p>
    </li>
  </li>
<ul>

由于第一个li无法关闭，因此无法正确加载（重叠项目）。

Answer 1

那是无效的标记，你错过了一个ul

尝试

<ul>
  <li ng-repeat="cust in customers">
    <p>{{cust.name}}</p>
    <ul>
        <li ng-repeat="order in cust.orders">
          <p>{{order.desc}}</p>
        </li>
    </ul>
  </li>
</ul>

那应该正确呈现它，您的绑定是正确的。

Answer 2

克里斯托弗是对的，你不能没有<ul>。

我认为您可以这样做以拥有一个一级菜单：

<ul>
    <li ng-repeat="cust in customers">
        <p>{{cust.name}}</p>
        <div ng-repeat="order in cust.orders">
            <p>{{order.desc}}</p>
        </div>
   </li> 
<ul>

也许可以使用 CSS 以您想要的方式设置样式。

或者这个，太：

<ul>
    <li ng-repeat="cust in customers">
        <p>{{cust.name}}</p>
        <p ng-repeat="order in cust.orders">
            {{order.desc}}
        </p>
   </li> 
<ul>