Javascript 角度过滤器反向工作

有一个对象列表

JS:

$scope.datas = [
        {date:'06-12-2016', name : 'Pinao Class', state: 'archived', remark : 'remarled', amount : 101, id : 21},
        {date:'15-04-2016', name : 'drivers Class', state: 'notarchived', remark : 'remarled', amount : 102, id : 22},
        {date:'24-03-2016', name : 'Airplane Class', state: 'archived', remark : 'remarled', amount : 103, id : 23},
        {date:'28-02-2016', name : 'burger Class', state: 'notarchived', remark : 'remarled', amount : 104, id : 24},
        {date:'28-02-2016', name : 'burger Class1', state: 'notarchived', remark : 'remarled', amount : 104, id : 241},
        {date:'28-02-2016', name : 'burger Class2', state: 'notarchived', remark : 'remarled', amount : 104, id : 2432},
        {date:'28-02-2016', name : 'burger Class3', state: 'notarchived', remark : 'remarled', amount : 104, id : 2342},
        {date:'28-02-2016', name : 'burger Class4', state: 'archived', remark : 'remarled', amount : 104, id : 2443},
        {date:'28-02-2016', name : 'burger Class5', state: 'archived', remark : 'remarled', amount : 104, id : 2243},
        {date:'28-02-2016', name : 'burger Class6', state: 'archived', remark : 'remarled', amount : 104, id : 2242},
];

$scope.paymentList = $scope.datas;

<th><input ng-model="archived.state"  type="checkbox"
      ng-true-value="'notarchived'" ng-false-value="undefined">Show archived</th>
    <tr ng-repeat="paymentinfo in paymentList | filter:keyword | filter:money | filter:getdate | filter:{state: archived.state}">
        <td>{{paymentinfo.date}}</td>
        <td ng-click="singlepage(paymentinfo.id)">
            <a>{{paymentinfo.name}}</a>
        </td>
        <td>
            <div class="grey-flag remark-payment">
                <div class="hover-remark">{{paymentinfo.remark}}</div>
            </div>
        </td>
    </tr>
</th>

使用复选框进行筛选。其思想是显示状态为“已存档”的所有项目

我的HTML:

$scope.datas = [
        {date:'06-12-2016', name : 'Pinao Class', state: 'archived', remark : 'remarled', amount : 101, id : 21},
        {date:'15-04-2016', name : 'drivers Class', state: 'notarchived', remark : 'remarled', amount : 102, id : 22},
        {date:'24-03-2016', name : 'Airplane Class', state: 'archived', remark : 'remarled', amount : 103, id : 23},
        {date:'28-02-2016', name : 'burger Class', state: 'notarchived', remark : 'remarled', amount : 104, id : 24},
        {date:'28-02-2016', name : 'burger Class1', state: 'notarchived', remark : 'remarled', amount : 104, id : 241},
        {date:'28-02-2016', name : 'burger Class2', state: 'notarchived', remark : 'remarled', amount : 104, id : 2432},
        {date:'28-02-2016', name : 'burger Class3', state: 'notarchived', remark : 'remarled', amount : 104, id : 2342},
        {date:'28-02-2016', name : 'burger Class4', state: 'archived', remark : 'remarled', amount : 104, id : 2443},
        {date:'28-02-2016', name : 'burger Class5', state: 'archived', remark : 'remarled', amount : 104, id : 2243},
        {date:'28-02-2016', name : 'burger Class6', state: 'archived', remark : 'remarled', amount : 104, id : 2242},
];

$scope.paymentList = $scope.datas;

<th><input ng-model="archived.state"  type="checkbox"
      ng-true-value="'notarchived'" ng-false-value="undefined">Show archived</th>
    <tr ng-repeat="paymentinfo in paymentList | filter:keyword | filter:money | filter:getdate | filter:{state: archived.state}">
        <td>{{paymentinfo.date}}</td>
        <td ng-click="singlepage(paymentinfo.id)">
            <a>{{paymentinfo.name}}</a>
        </td>
        <td>
            <div class="grey-flag remark-payment">
                <div class="hover-remark">{{paymentinfo.remark}}</div>
            </div>
        </td>
    </tr>
</th>

显示存档
{{paymentinfo.date}
-设置检查。将显示所有未归档的文件。需要显示您应该使用的存档文件

filter:{state: 'archived'}: archived.state ? true : false

而不是

filter:{state: archived.state}

如下图所示

<tr  ng-repeat="paymentinfo in paymentList | filter:keyword | filter:money | filter:getdate |  filter:{state: 'archived'}: archived.state ? true : false">
   <td>{{paymentinfo.date}}</td>
   <td ng-click="singlepage(paymentinfo.id)" ><a>{{paymentinfo.name}}</a> </td>
   <td>
      <div class="grey-flag remark-payment">
          <div class="hover-remark">{{paymentinfo.remark}}</div>
      </div>
   </td>
</tr>


{{paymentinfo.date}
{{paymentinfo.name}
{{paymentinfo.remark}
plz共享一个jsfiddlefilter:{state:'archived'}:archived.state？true:false修改您的筛选条件可能会有所帮助