javascript - 删除 Angular 文本中的空白

Question

我尝试将一些文本放入元素的类属性中。在下面的示例中，{{operator}} 始终有一个值。

<input type="radio" class="ng-hide test-{{operator}}"

有时 {{operator}} 的值可以包含空格或两个单词。

类似于:(尽管这不起作用)

  <input type="radio" class="ng-hide test-{{operator.replace("","-")}}" 

如何用连字符替换空格或用空字符串替换它？

Answer 1

使用 operator.replace(' ','-') 或 operator.replace(/\s+/g, '-') (@Tushar 的正则表达式版本)
下面的工作示例，通过浏览器的开发人员工具检查输入类

angular.module('app', []).run(function($rootScope){
  $rootScope.operator = 'my style';
});
angular.bootstrap(document.body, ['app']);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<input class="input" type="radio" class="test-{{operator.replace(' ','-')}}"/> 

<p>Operator is: {{operator}}</p>
<p>Class is: test-{{operator.replace(' ','-')}}</p>