javascript - 从angular js ng-repeat变量中删除所有空格

Question

在我的一个 Angular 应用程序中，当我在 ng-repeat 中传递 key 时，我将获得值。

这里 rowsdata 中的每个 rows 都有像 'my file1 data', 'my file2 data', 'my file3 data' 这样的值

但我需要将其作为 'myfile1data', 'myfile2data', 'myfile3data'

当我使用 rows.replace(' ','') 时，它只删除第一个空格，如 'myfile1 data', 'myfile2 data', 'myfile3 data'

<tr ng-repeat="data in datas"> 
  <td ng-repeat="rows in rowdatas">{{data[rows.replace(' ','')]}}</td>
</tr>

编辑

但是当我使用

<td ng-repeat="rows in rowdatas">{{data[rows.replace(/ /g,'')]}}</td>

我得到了

Error: a is not a function OPERATORS["/"]@http://loclhost/jcp_standardwork/secure/scripts/vendor/angular/a‌​ngular.js:5959 OPERATORS["/"]@http://loclhost/jcp_standardwork/secure/scripts/vendor/angular/a‌​ngular.js:5959 binaryFn/<@http://loclhost/jcp_standardwork/secure/scripts/vendor/angular/angul‌​ar.js:6292 

谁能告诉我一些解决方案？

Answer 1

我发现最干净的方法是创建一个过滤器:

angular.module('moduleFilters', []).filter('classy', function() {
  return function(text) {
    return String(text).replace(/\s*/mg, "-");
  };
});

在我的用例中，我称我为 classy，它是为了使变量对类有效。我们称您为 compress，因为我们正在压缩空间。

然后在你的 html 中调用

<tr ng-repeat="data in datas"> 
    <td ng-repeat="rows in rowdatas">{{rows|compress}}</td>
</tr>

现在您可以从导入过滤器的任何地方调用 compress 过滤器。