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
Vous devez vous connecter pour publier un commentaire.
J'ai cherché un exemple d'un extensible de recherche Angulaire avec du Matériel trop, et j'ai trouvé ce code dans Codepen, mais vous ne savez pas si c'est exactement ce que vous recherchez, il ouvre une pleine longueur d'entrée avec un bouton de retour...
http://codepen.io/kyleledbetter/pen/gbQOaV
Le code HTML de la barre d'outils est quelque chose comme ceci:
OriginalL'auteur Dunos
Semble qu'il n'y a pas de propre "native angulaire des matériels option pour cela, j'ai donc utilisé l'une des options textfield de" la conception de matériel lite " bibliothèque - extensible bouton de recherche de gif-démo
OriginalL'auteur Fyodor