首页 > 代码库 > AngularJs学习之一使用自定义的过滤器

AngularJs学习之一使用自定义的过滤器

script:参数item是由AngularJs提供的,是应当被过滤的对象集合。而showComplete是我们传入的参数。{{item.action}}用ng-model创造一个名为showComplete的数据script:<script type="text/javascript">// <![CDATA[todoApp.filter("checkedItems",function(){    return function (items,showComplete){    var resultArr =[];    angular.forEach(items,function(item){    if(item.done==false||showComplete==true){    resultArr.push(item);    }    });    return resultArr;    }});//</script><p>参数item是由AngularJs提供的,是应当被过滤的对象集合。而showComplete是我们传入的参数。</p><p>{{item.action}}</p>

<tr ng-repeat="item in todo.items|checkedItems:showComplete|orderBy:‘action‘">
<td>{{item.action}}</td>
</tr>

用ng-model创造一个名为showComplete的数据模型值。<lable><input type="checkbox" ng-model="showComplete">show complete</input></lable>  show complete

 

AngularJs学习之一使用自定义的过滤器