Как показать только результаты скрытого списка с помощью angular.js

Question

Я новичок в Angular.js и у меня есть проблема.

У меня есть список, который можно найти с помощью локальной переменной области. Тем не менее, I DO NOT хотите отобразить список, который по умолчанию отображается чуть ниже поля ввода. Я хочу показывать результаты запроса. Как я могу это достичь?

В настоящее время у меня есть:

<form class="form-inline"> 
    <input ng-model="query" type="text" placeholder="Filter by" autofocus> 
</form> 

<ul ng-repeat="friend in friends | filter:query | orderBy: 'name' "> 
    <li ng-show="friend">{{friend.name}}</li> 
</ul> 

Использование «нг-шкура» успешно скрывает список с точки зрения, но я не могу понять, как затем отобразить результаты запроса. :(

Любые советы здесь было бы полезно Вы можете проверить мою скрипку:. testing queries.

Answer 1

Вы можете добавить ng-show="query" к <ul>, что будет только отображать результаты, если запрос не является ложным

ng-show="friend" на. <li> ненужно.

<ul 
    ng-show="query" 
    ng-repeat="friend in friends | filter:query | orderBy: 'name'" 
> 
    <li>{{friend.name}}</li> 
</ul> 

JSFiddle