Comment créer une simple recherche d'entrée de texte dans AngularJS la conception de matériel?

Je suis à la recherche de quelque manière facile d'avoir quelque chose de similaire à ce qui est disponible dans angulaires-mdl pour extensible champ de recherche de texte comme ci-dessous..
Cela va ajouter un bouton de recherche sur le clic, il sera élargi au champ de texte.

<!-- Expandable Textfield -->
<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
    <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
      <i class="material-icons">search</i>
    </label>
    <div class="mdl-textfield__expandable-holder">
      <input class="mdl-textfield__input" type="text" id="sample6">
      <label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
    </div>
  </div>
</form>

Mon exigence est d'avoir un bouton de recherche dans la Carte de titre ancrée à droite lorsque l'utilisateur clique il doit se développer pour prendre une entrée.. et j'ai besoin de le faire dans Angulaires-le Matériau.

Tout d'entrées ou de l'aide..!
Merci.

OriginalL'auteur Diptesh Patil | 2016-01-16