【问题标题】:Empty ng2-select2 value清空 ng2-select2 值
【发布时间】:2017-11-07 03:43:40
【问题描述】:

如何通过单击按钮重置ng2-select2 中的值

目前我的HTML代码

<select2 id="bill" [data]="colBill" [options]="option" (valueChanged)="onBillArray($event);">

打字稿代码

this.arrBill = [];

数组中的数据是清晰的,但仍然显示在html中。

【问题讨论】:

    标签: angular


    【解决方案1】:

    这是它的完整示例:

    模板方面:

    <select2 [data]="exampleData" [value]="currentValue" (valueChanged)="valueChanged($event)"></select2>
    

    组件端:

    clearSelection() {
        this.valueChangeValue = '';
        this.exampleData = [];
    
        // For Multiple true
        // this.currentValue = [];
    }
    

    链接到工作示例Plnkr

    【讨论】:

    • @Jim,我更新了Plnkr,多选请看
    • @Jim,请您投票并接受答案吗?
    • 您好,我曾尝试按照您的代码进行操作。数组已经很清晰了,但它仍然显示在 UI 中。你知道这是怎么回事吗?
    • @Jim,请按照我创建的方式创建 Plnkr,您可以看到它运行良好,可能还有其他问题
    • 终于明白了。我在上面犯了一个小错误。感谢您的帮助。
    猜你喜欢
    • 2020-01-24
    • 1970-01-01
    • 1970-01-01
    • 2018-02-13
    • 2018-06-18
    • 1970-01-01
    • 2018-03-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多