通过过滤器返回一个数组

时间:2013-01-23 06:16:48

标签: javascript angularjs

我有一个过滤器

angular.module('filters', []).filter('check', function(data) 
{
  return function(name)
   {
     var a=new Array();
     a[0]="hello";
     a[1]="hi";
     return a;
   };
}); 

如您所见,过滤器正在返回一个数组。如何遍历模板中的内容(html页面)。

{{name|check:data}}

我正在调用过滤器,并将结果返回为:["hello","hi"]

如何遍历模板中的数组。请帮忙。

1 个答案:

答案 0 :(得分:1)

您可以在ng-repeat中使用过滤器。

演示:http://jsfiddle.net/sunnycpp/YbdXQ/7/

<div ng-controller="myCtrl">
    <input type="text" ng-model="strInput" >
    <ul>
        <li ng-repeat="text in strInput|split">
            {{text}}
        </li>
    </ul>
</div>


var angModule = angular.module('myApp', []);
angModule.filter('split',function() {
    return function(strData) {
        return strData.split(" ");
    }
});

angModule.controller("myCtrl", function($scope) {
    $scope.strInput = "Provide your input here";
});