2013-01-23 51 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