Angular поиск элемента в списке

0

1

Доброго времени суток. Такой вопрос — есть диалог, в который загружается пачка элементов, допустим штук 20-30. Хочу добавить поисковую форму, похожую на md-autocomplete, но так, чтобы все элементы были видны, а если начинаешь набирать текст, то оставались только те, которые совпадают по фильтру. Сам md-autocomplete, насколько я понял, мне не подходит, т.к. он не показывает то, что загрузил, а только по мере набора.

Вот пример view, который сейчас:

<md-dialog-content ms-scroll>
  <md-list>
    <div layout="row" layout-align="center center" ng-show="vm.loading">
      <md-progress-circular md-mode="indeterminate" md-diameter="50"></md-progress-circular>
    </div>
    <md-list-item>
      <div flex class="md-list-item-text" layout="row">
        <div flex="70"><strong>Item</strong></div>
        <div flex="30"><strong>Saved</strong></div>
      </div>
      <md-divider></md-divider>
    </md-list-item>

    <md-list-item ng-repeat="item in items" ng-click="vm.selectItem(item)">
      <div flex class="md-list-item-text" layout="row" layout-align="none center">
        <div flex="70">
          <span class="text-truncate padding-right-25">{{ item.title}}</span>
        </div>
        <div flex="20">{{ item.modified_at | date:"dd/MM/yyyy" }}</div>
      </div>
      <md-divider></md-divider>
    </md-list-item>
  </md-list>
</md-dialog-content>

Ссылка

Похожие темы