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

发布时间:2020-04-09 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了angularjs – 如何在ngtable(angular plugin)中设置动态数据标题脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个带有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>

总结

以上是脚本之家为你收集整理的angularjs – 如何在ngtable(angular plugin)中设置动态数据标题全部内容,希望文章能够帮你解决angularjs – 如何在ngtable(angular plugin)中设置动态数据标题所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478