Угловой показать галочка фильтр

Question

У меня есть объект группы, содержащий список видео И при редактировании объекта, я дать HTML список всех видео, где вы можете искать в.

Но если вы не искать Я хочу, чтобы он показывал только проверенные видео.

здесь является HTML используется

<div class="input-field"> 
    <input type="text" id="filter" ng-model="query" ng-change="hasVideos()" /> 
    <label for="filter"><i class="mdi-action-search"></i></label> 
</div> 

<ul class="collection"> 
    <li class="collection-item" ng-repeat="video in filterdVideo = (videos | filter:query) "> 
     <p> 
      <input type="checkbox" id="video_{{video.Id}}" checklist-model="group.Keywords" checklist-value="video.Id"> 
      <label for="video_{{video.Id}}"> 
       {{video.Title}} 
      </label> 
     </p> 
    </li> 
</ul> 

Так как я могу сделать это, что он только показывает список видео, где проверяется флажок? и когда запрос не пуст, чтобы игнорировать это и показать все.

Answer 1

Я попытаюсь улучшить свой ответ позже.

Но для быстрого угадывания вы могли бы использовать ng-if и позволить контроллеру обрабатывать, если что-то должно быть в списке.

<li ng-if="functionthatreturnstrueorfalsebasedonyourneeds" class="collection-item" ng-repeat="video in filterdVideo = (videos | filter:query) "> 

Checkbox пример можно найти в документации:

https://docs.angularjs.org/api/ng/directive/ngIf

Answer 2

Fixed его, делая фильтр:

filter('filterStack', function() { 
    return function (inputs, filterValues, showAll) { 
     var output = []; 
     if (showAll) return inputs; 

     angular.forEach(inputs, function (input) { 
      angular.forEach(filterValues, function (filterVal) { 
       if (filterVal.Id == input.Id) { 
        output.push(input); 
       } 
      }); 
     }); 
     return output; 
    }; 
}) 

но имеющий другой вопрос, сейчас, при загрузке его в с данными: https://stackoverflow.com/questions/29749006/angular-checklist-model-not-checking