リミット角度UI-のBootstrap先行入力、特定のオブジェクトのプロパティ

Question

に私は次のAngularUI-Bootstraptypeaheadは素晴らしい作業を持っている：

<input class="span2" type="text" ng-model="selectedStuff" typeahead="stuff as stuff.name for stuff in stuffs | filter:$viewValue"/> 

けれども、それはほとんどすぎるを働いています。私はtypeaheadの目的のためにstuffs.nameを表示でき、stuffオブジェクトはstuffsにすべて選択できます。問題は、$viewValueがstuff.nameの代わりにstuffのすべてのプロパティと一致していることです。私は.nameを運のないtypeaheadのさまざまな場所に追加しようとしました。 .nameだけを表示して一致させる簡単な方法はありますか？それでもオブジェクト全体を返しますか？

Answer 1

http://angular-ui.github.io/bootstrap/レポからの先行指示は、既存のAngularJSエコシステムによく適合するように構築されました。つまり、このディレクティブはAngularJSですでに使用されている構文、フィルタ、およびディレクティブを可能な限り再利用しようとします。

戻るあなたの質問に - フィルタリング自体は、ここで説明した角度のフィルタフィルタによって行われます：http://docs.angularjs.org/api/ng.filter:filter言及したフィルタの構文は、プロパティの選択セットに検索を制限するのに十分な柔軟性がある：

typeahead="stuff as stuff.name for stuff in stuffs | filter:{name: $viewValue}" 

注意してください： filter:{name: $viewValue}

ワーキングここplunk：http://plnkr.co/edit/o1qWKq8LSmbbmVaYkOvb?p=preview