AngularJSでデータを分割する方法は？

Question

JSコード：

$scope.records={"0.19", "C:0.13", "C:0.196|D:0.23"} 
    .filter('filterOutput', function() { 
     return function (input) { 
      if (input.indexOf(":") != -1) { 
       var out = input 
        .split('|') 
        .map(function (v) { 
         var s = v.split(':') 
         return s[0] + ':' + (Number(s[1]) * 100) + "%" 
        }) 
        .join() 
       return out; 
      } else { 
       return input * 100 + "%"; 
      } 
     } 
    }) 

HTMLコード：

<h1 ng-repeat="x in records|filterOutput">{{x}}</h1> 

私が欲しい出力：

"19%" "C:13%" "C:19.6%|D:23%"

しかしconsole.log：

TypeError: input.indexOf is not a function

どうすべき私がやります？ AngularJSでデータを分割する方法は？

Answer 1

を。

HTMLコード

<h1 ng-repeat="x in records track by $index">{{x|filterOutput}}</h1> 

変数値

$scope.records=["0.19","C:0.13","C:0.196|D:0.23"]; 

AngularJS私は思ったんだけど

.filter('filterOutput', function() { 
    return function (input) { 
     if (input.indexOf(":") != -1) { 
      var out = input 
       .split('|') 
       .map(function (v) { 
        var s = v.split(':') 
        return s[0] + ':' + (Number(s[1]) * 100) + "%" 
       }) 
       .join('|') 
      return out; 
     } else { 
      return input * 100 + "%"; 
     } 
    } 
}) 

Answer 2

上記の期待どおりの結果が得られるようにコードを修正しました。下記のコードを確認してください。 私はより良く理解するためにhere

コントローラフィドルを作成しました：

.controller('FilterController', function ($scope) { 
    $scope.records = ["0.19","C:0.13","C:0.196|D:0.23"]; 
}); 

フィルタ：私は所望の出力を得るためにあなたのコードを変更した

.filter('filterOutput', function() { 
     return function (inputArray) { 
     return inputArray.map(function (input){ 
       if (input.indexOf(":") != -1) { 
       var out = input 
        .split('|') 
        .map(function (v) { 
         var s = v.split(':') 
         return s[0] + ':' + (Number(s[1]) * 100) + "%" 
        }) 
        .join('|') 
       return out; 
      } else { 
       return input * 100 + "%"; 
      } 
     }); 
     } 
    });