Angular EasyUI 搜索框

搜索框（ SearchBox ）用于提示用戶輸入搜索值。它可以結(jié)合一個菜單，允許用戶選擇不同的搜索類別。當用戶按下 ENTER 鍵或者點擊組件右側(cè)的搜索按鈕時，搜索動作將被執(zhí)行。

屬性列表

事件列表

注：
- 繼承： InputBaseComponent 。
- 選擇器： eui-searchbox 。

使用方法

<eui-searchbox #sb style="width:300px"
        placeholder="Input something here" 
        [menu]="m1"
        (search)="onSearch($event)">
    <eui-addon>
        <span *ngIf="sb.value!=null" class="textbox-icon icon-clear" title="Clear value" (click)="sb.value=null"></span>
    </eui-addon>
</eui-searchbox>
<eui-menu #m1>
    <eui-menu-item value="all" text="All News" iconCls="icon-ok"></eui-menu-item>
    <eui-menu-item value="sports" text="Sports News" iconCls="icon-man"></eui-menu-item>
</eui-menu>