AngularJS TypeScript Kendo UI DropDownList-選擇默認值的錯誤

Question

我有項目的對象列表，並且一切正常，但是現在我想添加默認值selected ，但是我遇到了問題。

這是下拉菜單的HTML代碼：

<select kendo-drop-down-list 
        k-options="selectItems" 
        k-ng-model="selectedItem">
</select>

在AngularJS（使用TypeScript）中，我正在下拉列表：

this.itemsToSelect = [{id: 1, name: "One"}, {id: 2, name: "Two"}];

this.selectItems = {
    optionLabel: "Select items...",
    dataTextField: "name",
    dataValueField: "id",
    dataSource: new kendo.data.DataSource({
      transport: {
        read: (options) => {
          options.success(this.itemsToSelect);
        }
      }
    }),
    value: this.itemsToSelect[0]
  };

我沒有為此選擇默認值。

我從他們的文檔中嘗試了該代碼，它可以將項目作為字符串使用，但是當我說類似以下內容時，將項目作為對象可以使用：

value: this.itemsToSelect[0].id

因此，他們的代碼如下所示：

<script>
    let items = [{id: 1, name: "one"}, {id: 2, name: "two"}];

    $("#dropdownlist").kendoDropDownList({
        dataTextField: "name",
        dataValueField: "id",
        dataSource: items,
        value: items[1].id
    });
</script>

我在代碼中嘗試過此方法，但無法正常工作。

代碼沒有任何錯誤。 有什么建議么？

編輯

我能做的是：

this.selectedItem = this.itemsToSelect[0];

我在HTML中設置了k-ng-model ，就可以像這樣設置所選的值。

但是，有沒有辦法通過this.selectItems對象中的值來做到這this.selectItems ？

Answer 1

制作一個代表您的默認值的本地對象，例如

{ 
id: 1,
name: "bob"
}

然后在控件上將autoBind設置為false。

https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/autobind