Angular js：ng-class with condition

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可以是多个单词（中间有空格）。如果有空间，是否可以将{{alphabet}}更改为“space”？我真的不知道该怎么做。

有什么想法吗？

Answer 1

您可以通过添加如下过滤器轻松完成此操作：

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

然后在你的输出中做

{{ alphabet | spacefilter }}