angular.js - angular-translate 有條件輸出詞條有什麼好方法？

Question

最近公司產品要做多語言支持，用了 angular-translate 來做，基本上還算順利。

然後就碰到有的模板裡是這樣寫的：

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

很顯然，filter 沒法直接用了，目前是用 ngIf 把它改寫了，類似這樣：

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

但是如果不想有多餘的 span 呢？有時候就是挺煩 Angular 這一點，為了一些指令你不得不整一些廢標籤出來。大家有什麼想法？

Answer 1

雷雷

Answer 2

樓主也許可以嘗試用一個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裡的冗餘減少了， 但是程式碼量增加。

Answer 3

這麼寫的一定是校長！

Answer 4

好高深啊