使用AngularJS呈现HTML表

Question

我需要在AngularJS应用中显示一个包含产品基本信息的表格，如下所示：

<table>
    <tbody>
        <tr class="product-image">
            <td class="mar-b-0 pad-b-0">
                <img src="../image/product1.jpg" alt="product name" />
            </td>
            <td class="mar-b-0 pad-b-0">
                <img src="../image/product2.jpg" alt="product name" />
            </td>
            <td class="mar-b-0 pad-b-0">
                <img src="../image/product3.jpg" alt="product name" />
            </td>
            <td class="mar-b-0 pad-b-0">
                <img src="../image/product4.jpg" alt="product name" />
            </td>
        </tr>
        <tr class="prod-name">
            <td><a href="#">Product 1</td>
            <td><a href="#">Product 2</td>
            <td><a href="#">Product 3</td>
            <td><a href="#">Product 4</td>
        </tr>
    </tbody>
</table>

产品位于我的控制器的范围变量中，并且生成表格代码我使用了以下逻辑：

<table>
    <tbody>
        <tr class="product-image">
            <td ng-repeat="product in productsList" class="mar-b-0 pad-b-0">
                <img src="{{ product.image }}" alt="product name" />
            </td>
        </tr>
        <tr class="prod-name">
            <td ng-repeat="product in productsList"><a href="#">{{ product.name }}</td>
        </tr>
    </tbody>
</table>

但我发现这非常低效，因为我必须显示多行，产品列表可能会经常更改。

是否有更好的实施方法可以达到要求的效果？