更改下拉列表选定值

【问题标题】：Change Dropdown List Selected Value更改下拉列表选定值
【发布时间】：2015-05-12 16:20:08
【问题描述】：

我已经尝试在 jQuery 中做到这一点：

var dropdownlist = $("#Instrument").data("kendoDropDownList");
dropdownlist.select(function(dataItem) {
    return dataItem.symbol === "test";
});

来源：
- http://jsfiddle.net/OnaBai/mRmNJ/
- Change selected value of kendo ui dropdownlist

有没有办法在不直接访问 DOM 的情况下使用 AngularJS 做到这一点？

【问题讨论】：

绑定在 Angular 中的工作方式与在 jquery 中不同。查看 ng-model 指令。它用于以角度绑定事物。

标签： angularjs kendo-ui

【解决方案1】：

在 Angularjs 中更改下拉列表选定值
实时代码是：http://jsfiddle.net/RLQhh/992/

controller.js

app.controller('SelectController', function ($scope) {

    $scope.data = [
    { "symbol": "GOOG" }, 
    { "symbol": "AAPL" },
    { "symbol": "HPQ" },
    { "symbol": "CSCO" }
    ];

    $scope.label = '';
    $scope.change = function(){
    $scope.label =$scope.data[2].symbol;
    }

});

HTML 代码是

<div ng-controller="SelectController">
    <Button ng-click="change()" >Button</Button>
    <select class="form-control"  ng-model="label" ng-change="showTask()"   ng-options="d.symbol as d.symbol for d in data" >
                <option value="" disabled>Select Task</option>
                            </select>
</div>

【讨论】：