2013-01-23 115 views
1

返回数组我有一个过滤器通过过滤

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

您可以在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"; 
}); 
+0

这是工作。非常感谢!!!! – Nishand