Вопрос

Я нашел onsenui для развития с Кордовой, и я проверяю их компоненты

http://onsenui.io/guide/components.html

Я останавливаюсь в ons-search-input

<ons-navigator title="Search Input">
   <ons-search-input 
       ng-model="searchText" 
       placeholder="Search">
   </ons-search-input>
</ons-navigator>
.

Но я не знаю, как это работает, например, в списке (ons-list), есть ли пример ??

Спасибо

Это было полезно?

Решение

Просто положите его в ons-list

<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>
.

Вот plunkr

http://plnkr.co/edit/okasen?p=preview .

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top