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

Posted 2020-08-04 yansum

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