angular.js - angular-translate 有条件输出词条有什么好办法？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angular-translate 有条件输出词条有什么好办法？

漂亮男人 2017-05-15 16:49:10

[AngularJS讨论组]

1080

最近公司产品要做多语言支持，用了 angular-translate 来做，基本上还算顺利。

然后就碰到有的模板里是这样写的：

{{gender ? '男' : '女'}}

很显然，filter 没法直接用了，目前是用 ngIf 把它改写了，类似这样：

<span ng-if="gender">{{'common.male' | translate}}</span>
<span ng-if="!gender">{{'common.female' | translate}}</span>

但是如果不想要多余的 span 呢？有时候就是挺烦 Angular 这一点，为了一些指令你不得不整一些废标签出来。大家有什么想法？

漂亮男人

全部回复(4)

淡淡烟草味2017-05-15 16:51:10 4楼

<span>{{ (gender?'common.male':'common.female') | translate}}</span>

赞 +0

添加回复

黄舟2017-05-15 16:51:10 3楼

楼主也许可以尝试用一个controller方法来实现，比如:

<!-- template file -->
<span ng-bind="showGender(gender)"></span>

// angular controller
app.controller('MyCtrl', function ($scope, $filter)) {
    $scope.showGender = function (gender) {
        return $filter('filter_name')(gender);
    }
};

这样虽然html里的冗余减少了，但是代码量有所增加。

赞 +0

添加回复

为情所困2017-05-15 16:51:10 2楼

这么写的肯定是校长！

赞 +0

添加回复

天蓬老师2017-05-15 16:51:10 1楼

好高深啊

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>