>From your comments it seems you want to implement this indigenously rather
than integrating with Google Saerch. I'll assume the former.
We've used both JQuery's Auto-complete and the twitter inspired
typeahead.js successfully for the same purposes you enumerate. Both have
pros and cons in terms of ease of use, coherent design and documentation.
typeahead.js, however, does have a formalized search, suggestion and
caching functionality (bloodhound). Right now, typeahead.js is our choice.
There is a mention.js plug-in compatible with it as well which we will be
using imminently.
On Monday, June 29, 2015 at 12:52:54 AM UTC-4, Joshua Reicher wrote:
>
> I'm looking to develop a Google-like search for my web app, that includes
> both typeahead/autocomplete AND search-as-you-type, the way Google's search
> engine does these days. I have tried a variety of approaches without
> success. I combined typeahead with ng-model=search in one input, but the
> "selections" from typeahead won't capture to the ng-app. Tried tbosch's
> approach, couldn't get that to solve it. Tried UI-select, just basically
> works like typeahead. Any recommendations on best approach?
>
> The typeahead + ng-model=Search as one input seemed closest, but somehow I
> would have to get selected items in typeahead to trigger the
> ng-model=Search to grab the new input value.
>
> Any help?
>
>
> <div id="container" class="bs-example" ng-app='demos_cfg'
> ng-controller='main_control'>
> <div class="bs-example">
> <input type="search" placeholder="Enter search" ng-model="search"
> id="search" name="typeahead" class="typeahead tt-query" autocomplete="off"
> spellcheck="false">
> </div>
>
> <div id="showit">
> <div ng-repeat="data in loaded_demos">
> <div class="blog">
> <h2>{{data.name}}</h2>
> <p>{{data.desc}}</p>
> </div>
> </div>
> </div>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
