Question

我试过在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执行此操作？

Answer 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>

更改下拉列表选定的值

1 个答案: