如何使用Angular typescript在剑道下载列表中触发更改事件

Question

不知道触发下拉列表的更改事件

我的html:

<div class="row">
<div class="col-md-6">
<mat-label id="title-t" class="required"></mat-label>
<kendo-dropdownlist
id="tID"
[data]="dataSourceList"
[textField]="'name'"
[valueField]="'code'"
formControlName="tList"
(valueChange)="onChangeList($event)">
</kendo-dropdownlist>
</div>
</div>

我的ts:

public onChangeList(e){
var t_code= e.code;
console.log(t_code);
}

我想在另一个函数中调用事件更改，类似于这样的函数：

//tID.kendoDropDownList.change();

或：

var dropdownlist = $("#id").data("kendoDropDownList");

dropdownlist.trigger("change");

Answer 1

我假设您希望以编程方式更改下拉列表值。

要做到这一点，您只需要在下拉列表中添加一个双向绑定。

在您的HTML:中

<div class="col-md-6">
<mat-label id="title-t" class="required"></mat-label>
<kendo-dropdownlist
id="tID"
[data]="dataSourceList"
[(ngModel)]="value"
[textField]="'name'"
[valueField]="'code'"
formControlName="tList"
(valueChange)="onChangeList($event)">
</kendo-dropdownlist>
</div>

在ts文件中声明一个名为value的类变量，然后更改它。请注意，绑定的值应该是[data]列表中的一项。

public value:any;
public change(): void{
this.value = {code: "ts", value:"tslist"};
}