Angular 过滤器不打印空格

Question

当我有这么简单的Angular过滤代码时：

{{ 'result: ' + array | printArray }}

带过滤器：

app.filter('printArray', [
  function() {
    return function(array) {
      if (!angular.isArray(array)) {
        return array;
      }

      var result = '';

      if (array.length > 0) {
        result = array[0];

        for (var i = 1; i < array.length; i++) {
          result += ', ' + array[i];
        }
      }
      return result;
    };
  }
]);

我想自然有result: one, two, three, four，结果是：

abc one,two,three,four

我想它会被这个明显的代码解决：

{{ 'result: ' }}{{ array | printArray }}

但我想知道为什么 Angular 以奇怪的方式工作。

笨蛋：http://plnkr.co/edit/QRtntKedYHKb5UnZD3w7

Answer 1

在这个例子中我使用了Array.join()函数，
并将字符串移到大括号之外：

result: {{ array | printArray }}

http://plnkr.co/edit/CRKChEtF5HafdRPV8eW4?p=preview

Answer 2

结帐this

  <body ng-controller="MainCtrl">
  {{ 'result: ' + ( array | printArray ) }}

  </body>

Angular 过滤器不打印空格

Angular filter doesn't print white spaces

javascript

angularjs

angular-filters