如何在AngularJS HTML中循环多个表?

k3fezbri  于 2023-02-07  发布在  Angular
关注(0)|答案(2)|浏览(143)

如何在angularjs中循环多个表?
我有HTML

<div ng-repeat="stuff in moreStuff">
  <table>
   <h1>stuff.name</h1>

   <tr ng-repeat="car in cars">
<td>
 <div>{{car.name}}
</td>
   stuff
  </table>
</div>

但是当我在moreStuff中有3个东西时,它只呈现1个表

w1jd8yoj

w1jd8yoj1#

你应该检查一下你的html sintax。

<div ng-repeat="stuff in moreStuff">
  <table>
    <h1>stuff.name</h1>

    <tr ng-repeat="car in cars">
      <td>
        <div>{{car.name}}
      </td>
    stuff
  </table>
</div>

应该使用关闭标记**〈/〉标记关闭tr和div**it,如下所示

<div ng-repeat="stuff in moreStuff">
  <table>
    <h1>stuff.name</h1>

    <tr ng-repeat="car in cars">
      <td>
        <div>{{car.name}}</div>
      </td>
    </tr>
    .
    .
    .

希望这部作品

r55awzrz

r55awzrz2#

您的tr和div标记未关闭,这导致了此问题,因此请将html更改为

<div ng-repeat="stuff in moreStuff">
  <table>
   <h1>stuff.name</h1>
   <tr ng-repeat="car in cars">
      <td>
        <div>{{car.name}}</div> <!-- div tag should be closed here -->
       </td>
    </tr><!--tr tag should be closed-->
   stuff
  </table>
</div>

应该可以解决这个问题

相关问题