How to add a Search bar in the header of my home (Ionic + AngularJs)

1

I want to create a Serach Bar in my home. I'm in trouble. Can someone help me? I will leave here my Controller and my Views a Home.

    
asked by anonymous 19.07.2016 / 05:27

2 answers

1

To filter your list, just use filter

<input type="text" placeholder="Filtrar" ng-model="filtro">

<a ng-repeat="lista in listas | filter:filtro:strict">

See more: AngulasJS Filter

    
19.07.2016 / 14:01
0

Try something like:

<div class="bar bar-subheader bar-light">
            <label class="item item-input item-floating-label">
                <i class="icon ion-search placeholder-icon"></i>
                <input type="text" size="100" ng-model="q" placeholder="Procurar" />
            </label>
        </div>

And in the ng-repeat of your form: | filter: q

Or use this plugin:

link

    
17.04.2017 / 21:33