Angular EasyUI 標(biāo)簽框

2020-06-24 17:28 更新

標(biāo)簽框( TagBoxComponent )擴(kuò)展自 combobox 。 標(biāo)簽框( TagBoxComponent )包含 combobox 的所有功能。 標(biāo)簽框( TagBoxComponent )允許用戶將輸入內(nèi)容顯示在標(biāo)簽框中,而不是輸入框。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value any 字段值。 null
hasDownArrow boolean 是否顯示向下箭頭按鈕。 false
multiple boolean 是否支持多個選擇。 true
limitToList boolean 為True時,輸入值限制為列出的項。 false
tagCss any 標(biāo)簽CSS樣式。值可以是樣式類、內(nèi)聯(lián)樣式或返回樣式類或內(nèi)聯(lián)樣式的自定義函數(shù)。 null

  • tagCss屬性代碼實例:
    tagCss(row) {
    if (row.id == 3){
        return {
            background: '#ffd7d7',
            color: '#c65353'
        };
    } else if (row.id == 4){
        return {
            background: '#b8eecf',
            color: '#45872c'
        };
    } else {
        return null;
    }
    }

注:
- 繼承: ComboBoxComponent 。
- 選擇器: eui-tagbox 。

使用方法

<eui-tagbox [(ngModel)]="value" style="width:300px;">
</eui-tagbox>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號