angularjs – 如何在ngtable(angular plugin)中设置动态数据标题

发布时间：2020-12-17 08:54:01 所属栏目：安全来源：网络整理

导读：我想要一个带有ngTable的多语言视图.为此,我在我的控制器中设置了包含我的traductions的$scope.translate(一个有效的json).在我看来,我想设置我的数据标题,如{{translate.code}}等… 我的看法： table ng-table="tableParams" class="table ng-table-respon

我想要一个带有ngTable的多语言视图.为此,我在我的控制器中设置了包含我的traductions的$scope.translate(一个有效的json).在我看来,我想设置我的数据标题,如{{translate.code}}等…

我的看法：

<table ng-table="tableParams" class="table ng-table-responsive">
        <tr ng-repeat="product in $data">
            <td data-title="'{{translate.code}}'" > <!-- display : {{translate.code}} -->
                {{product.code}}
            </td>
            <td data-title="['translate.reference']" > <!-- display : empty -->
                {{product.reference}}
            </td>
            <td data-title="'Label'" >
                {{product.label}}
            </td>
            <td data-title="'Size'" ng-show="manageSizeColor == true">
                {{product.size}}
            </td>
            <td data-title="'Quantity'" >
                <ac-quantity minquantity="1" cquantity="product.quantity"></ac-quantity>
            </td>
            <td data-title="'Price'">
                <b>{{product.price + currency}}</b>
            </td>
        </tr>
    </table>

如果你使用angularjs~1.2 with angular-translate~2.6.1,数据标题的翻译就是这样的：

<td data-title="'MY_TRANSLATION_ID' | translate" >
{{product.reference}}
</td>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!