OnsenUI de pesquisa de exemplo
Pergunta
Eu encontrei OnsenUI para desenvolver com Cordova e estou testando seus componentes
http://onsenui.io/guide/components.html
Eu parar na ons-pesquisa-entrada
<ons-navigator title="Search Input">
<ons-search-input
ng-model="searchText"
placeholder="Search">
</ons-search-input>
</ons-navigator>
Mas eu não sei como funciona, por exemplo, dentro de uma lista (ons-lista), existe algum exemplo??
Obrigado
Solução
Basta colocá-lo no ons-lista
<ons-navigator title="Search Input">
<ons-list>
<ons-list-item style="padding-top: 5px">
<ons-search-input
ng-model="searchText"
placeholder="Search">
</ons-search-input>
</ons-list-item>
<ons-list-item>
Item 1
</ons-list-item>
<ons-list-item>
Item 2
</ons-list-item>
<ons-list-item>
Item 3
</ons-list-item>
</ons-list>
</ons-navigator>
Aqui é o plunkr
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow