Angularjs 在剑道下拉列表中按值设置所选选项

我的html中有一个带有angularjs的剑道ui下拉列表：

<select kendo-drop-down-list="dropdownlistCatalogs" k-options="optionsDropDownListCatalogs" data-role="dropdownlist" style="display: none;">
   <option value="2" selected="selected">Test1</option>
   <option value="3">Test2</option>
   <option value="4">Test3</option>
</select>

现在，我希望将所选选项设置为“不存在项”，以显示空值

我试过：

$scope.dropdownlistCatalogs.value(-1);

但不起作用

---

如何通过value（）设置dropdownlist？

我不太确定angularjs以及情况是否不同。我在那里看到了

$scope

，我猜它是有角度的，因为我看不到它在任何地方被定义。但是如果使用jquery，

value

通常会帮助您实现这一点

在顶部添加一个带有

id:-1

的默认空白值，并将默认值设置为1

单击按钮后，可以将值更改为-1

它看起来是这样的：

var data = [
    { "text": "" , id: -1 }, 
    { "text": "aaa",id: 1 },
    { "text": "bbb",id: 2 },
    { "text": "ccc", id:3}
];

$("#ddl").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "id",
    dataSource: data,
    index: 3
});

$("#button").on("click", function ()  {

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

    dropdownlist.value(-1);
});

var data = [
    { "text": "" , id: -1 }, 
    { "text": "aaa",id: 1 },
    { "text": "bbb",id: 2 },
    { "text": "ccc", id:3}
];

$("#ddl").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "id",
    dataSource: data,
    index: 3
});

$("#button").on("click", function ()  {

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

    dropdownlist.value(-1);
});