AngularJS、チェックボックスのフィルタ

Question

私はulとng-repeatを持っています。チェックボックスをオフにすると値を非表示にしようとしています。基本的にJSONファイルには2つの異なるステータス、つまり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> 

私はそれが役立ちます:)