Google-comme champ de recherche avec un AngularJS directive

Je suis en train d'écrire une application d'INTERFACE utilisateur sage est presque exactement comme Google. J'arrive à la page d'atterrissage, j'ai une boîte de recherche qui sur "soumettre" vous dirige vers la page de résultats. Ici vous avez la même zone de recherche ainsi que d'autres directives dans laquelle vous pouvez basculer entre les modes: par exemple. web, de l'image.
Actuellement, j'ai:

sur la page de destination: form action="results.html" qui transmet les paramètres dans l'url.

<form name="search" role="form" action="results.html">
    <div class="input-group input-group-search">

        <input type="text" class="form-control"  ng-model="blab" name="q" required>
        <span class="input-group-addon">
            <button class="btn-search" ng-disabled="search.$invalid">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            </button>
        </span>
        <input type="hidden" name="mode" value="web"/>
    </div>
</form>

sur les résultats, je suis juste en utilisant ng-submit=recherche"()" et ng-modèle à l'entrée. La zone de recherche est à l'intérieur de la searchController.

Quelle est la bonne méthode pour faire cela comme une coutume de la directive, avec le comportement suivant:

  • Sur la page de destination sur soumettre direct à la page de résultats de
  • Sur la page résultats de procéder à une recherche sans avoir à recharger la page et de changer l'emplacement pour les bons paramètres?

OriginalL'auteur Ela | 2015-02-13