Angular EasyUI 标签框

标签框（ TagBoxComponent ）扩展自 combobox 。标签框（ TagBoxComponent ）包含 combobox 的所有功能。标签框（ TagBoxComponent ）允许用户将输入内容显示在标签框中，而不是输入框。

属性列表

名称	数据类型	作用描述	默认值
value	any	字段值。	null
hasDownArrow	boolean	是否显示向下箭头按钮。	false
multiple	boolean	是否支持多个选择。	true
limitToList	boolean	为True时,输入值限制为列出的项。	false
tagCss	any	标签CSS样式。值可以是样式类、内联样式或返回样式类或内联样式的自定义函数。	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>