最大限度地减少视图中重复的绑定

Question

我是Angular的新手，很可能会变得明显！

我创建了一个包含几个数据表的视图，以向用户显示不同的统计信息。一个简单的例子是：

<div class="table-container">
    <table class="percs">
        <thead>
            <tr>
                <td>Stat Name</td>
                <td>Stat Value</td>
                <td>Stat bar</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Stat 1</td>
                <td>{{ statPercs.stat1 }}</td>
                <td><uib-progressbar value="statPercs.stat1"></uib-progressbar></td>
            </tr>
            <tr>
                <td>Stat 2</td>
                <td>{{ statPercs.stat2 }}</td>
                <td><uib-progressbar value="statPercs.stat2"></uib-progressbar></td>
            </tr>
        </tbody>
    </table>
</div>

我使用进度条只是为了小数据的可视化表示。但是，如果到目前为止我的理解是正确的，虽然表中的每一行仅引用一个值，但它将通过在2个单独的标记中引用而产生2个$$观察者。

是否可以通过每个值只有一个绑定来实现这一点（即＆＃34; statPercs.stat1＆＃34;，＆＃34; statPercs.stat2＆＃34;等）但是仍然能够重复使用表格的多列中的值？

甚至更好的是，对象本身的一个绑定（即＆＃34; statPercs＆＃34;）并且仍然能够在表中的多个位置使用该对象中包含的值？