angularjs - angular.js を使用して隠しリストの結果のみを表示する方法

Question

私はAngular.jsが初めてで、少し問題があります。

ローカル スコープ変数で検索可能なリストがあります。ただし、デフォルトで入力フィールドのすぐ下に表示されるリストを表示したくありません。クエリの結果のみを表示したい。どうすればこれを達成できますか？

現在私は持っています：

<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>

「ng-hide」を使用すると、ビューからリストが正常に非表示になりますが、クエリの結果を表示する方法がわかりません。:(

ここでのヒントは役に立ちます。私のフィドルをチェックアウトできます:クエリのテスト。