Постройте мой собственный автозаполнение angularjs

Question

Im пытается построить свою собственную функцию поиска с автоматическим полным.

Search MAC:<br/> 
<input type="text" ng-model="boxtext"> 

<tr ng-repeat="box in boxes | filter:boxtext"> 
    <td>{{box.type}}</td> 
    <td>{{box.mac}}</td> 
    <td>{{box.serial}}</td> 
</tr> 
</table> 

Проблема у меня есть сейчас, что все строки из коробки распечатываются, и отфильтрованные, когда я начинаю вводить в текстовом поле.

Я действительно не знаю, как печатать строки из «ящиков», когда я начинаю печатать в текстовом поле? Какие-либо предложения?

Answer 1

Вы можете просто добавить ng-if к столу предварительного просмотра:

<input type="text" ng-model="boxtext"> 

<table ng-if="boxtetxt.length > 0"> 
<tr ng-repeat="box in boxes | filter:boxtext"> 
    <td>{{box.type}}</td> 
    <td>{{box.mac}}</td> 
    <td>{{box.serial}}</td> 
</tr> 
</table> 

Таким образом, таблица удаляется, пока boxtext.length > 0 ложна. Обратите внимание, что boxtext должен быть инициализирован пустой строкой или будет null или undefined и не будет иметь length.