1

tagの値に基づいてタイトルタグのテキストを変更しようとしていdirectionます:

<li ng-repeat="t in tags">
    <div class="tag"
         ng-class="{'green-up': t.direction == 'positive',
                    'red-down': t.direction == 'negative',
                    ''        : t.direction == 'stagnant'}"
                    title="Percentage increase"
                    ng-if="">{{t.name}}</div>
</li>

方向はpositive、negativeまたはstagnantのいずれかで、対応するか、title="Percentage increase" title="Percentage decrease"またはtitle="Percentage"

この場合、どのAngular構文を使用するのが最適ですか?

4

1 に答える 1

3

タグ設定をオブジェクトとして設定しない理由

$scope.tagInfo = {
    positive:{ class:"green-up", title:"Percentage increase" },
    negative:{ class:"red-down", title:"Percentage decrease" }
}

そしてそれをあなたのng-repeat

<div class="tag"
     ng-class="tagInfo[t.direction].class"
     title="{{tagInfo[t.direction].title}}">{{t.name}}</div>

http://jsfiddle.net/rLrh0Lr1/

マッピングルックアップではなく条件句を絶対に使用する必要がある場合は、fe のようなメソッドを呼び出しますtitle="{{getTitle(t.direction)}}

$scope.getTitle = function(direction) {
    if (direction==="positive") {
        return "Increase";
    } else if (direction==="negative") {
        return "Decrease";
    }
};

http://jsfiddle.net/p6aysky5/

しかし、私はそれを行う意味がまったくわかりません。それが貢献するのは、コードをより乱雑にすることだけです。

于 2015-07-11T00:48:56.113 に答える