從角度中的文本中刪除空格

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>