Onsenui Search 예제

Question

나는 코르도바와 함께 개발을 위해 Onsenui를 발견했고, 나는 그들의 구성 요소를 테스트하고있다

http:///senui.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>

.

그러나 나는 그것이 어떻게 작동하는지, 예를 들어, 목록 (온스 목록), 예를 들어 어떤 예가 있습니까 ??

감사합니다

Answer 1

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