Question

我尝试将一些文本放入元素的class属性中。在下面的示例中，{{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>

从角度中移除文本中的空白区域

1 个答案: