Question

我是一位相当新的网络开发人员，只需要快速帮助查看一些视图代码。

我正在我的控制器中循环一个名为＆＃34; products＆＃34;的对象。在我想要在表格中组织之前，我正在显示每个项目的所有数据。

有人能看到我的代码有问题吗？我是一个非常弱的前端设计师，后端是我的利基，所以这可能是一个非常简单的错误。

<tr ng-repeat="product in Ctrl.products">
    <td><img ng-src= "{{product.image}}"></td>
    <td>
        <tr>
            <td>Name:</td><td>{{product.name}}</td>
        </tr>
        <tr>
            <td>Price:</td><td>{{product.price}}</td>
        </tr>
        <tr>
            {{product.description}}
        </tr>
    </td>           
</tr>

Answer 1

您无法在TD中插入TR。您需要在TD中插入一个完整的表来实现您想要的目标。

<table>
  <tr>
    <td>

      <table><tr><td>...</td></tr></table>

    </td>
  </tr>
</table>

Answer 2

您可以使用rowspan属性：

<table>
    <tbody ng-repeat="product in Ctrl.products">
        <tr>
            <td rowspan="2"><img ng-src= "{{product.image}}"></td>
            <td>Name:</td><td>{{product.name}}</td>
            <td rowspan="2">{{product.description}}</td>
        </tr>
        <tr>
            <td>Price:</td><td>{{product.price}}</td>
        </tr>
    </tbody>
</table>

表格无效的ng-repeat

2 个答案: