角JS：NG-類條件

Question

我有這對我的看法：

<a href ng-repeat="alphabet in gameContent.answer.toLowerCase() track by $index" ng-class="{blank: !clickedAlpha(alphabet)}" class="alpha-button-hangman-answer {{alphabet}}">{{alphabet}}</a> 

但問題是，gameContent.answer可以超過一個字（有介於兩者之間的空間）。如果有空間，是否有可能將{{英文字母}}更改爲「空間」？我真的不知道該怎麼做。

有什麼想法？

Answer 1

您可以通過添加過濾器一樣那麼容易做到這一點：

angular.module('yourModule').filter('spaceFilter', [function() { 
    return function(input) { 
    var result = input; 
    if (input == ' ') result = 'space'; 
    return result; 
    } 
}]); 

然後在輸出只是做

{{ alphabet | spacefilter }}