AngularJS, filter on checkbox

Question

У меня есть ul с ng-repeat, и я пытаюсь скрыть некоторые значения, когда флажок неактивен. По существу у меня есть два разных состояния в файле JSON: new и completed.

Я хочу, чтобы завершенные отображались, когда галочка отмечена галочкой, и чтобы они скрывались, когда флажок не был отлажен.

Мой код ниже:

<div> 
    <input ng-model="$ctrl.query" placeholder="Search"> 
    <input type="checkbox" ng-model="self.information"> 
    <span> Show Completed </span> 
</div> 
<div class="container:fluid" id="list"> 
    <ul> 
     <li ng-repeat="info in self.information | 
     filter: {'status': 'complete'}" ng-show="self.information"> 
      <div class="row"> 
      <!-- LI CONTENTS --> 
     </li> 
    </ul> 
</div> 

Answer 1

<div> 
    <input ng-model="$ctrl.query" placeholder="Search"> 
    <input type="checkbox" ng-model="self.information" ng-true-value="completed" ng-false-value="new"> 
    <span> Show Completed </span> 
</div> 
<div class="container:fluid" id="list"> 
    <ul> 
     <li ng-repeat="info in self.information | 
     filter: {'status': self.information}"> 
      <div class="row"> 
      <!-- LI CONTENTS --> 
     </li> 
    </ul> 
</div> 

Я надеюсь, что это помогает :)