javascript - 获取 Angular ng-option 中的选定值

Question

我有一个如下所示的对象:

var data = {
    BCS: ['a', 'b', 'c', 'd'],
    HND: ['e', 'f', 'g', 'h'],
    LMU: ['i', 'j', 'l', 'm']
};

贝娄是我的 Controller

function getDivision($scope) {
    $scope.divisions = data;
}

这是模型

<div ng-app>
    <div ng-controller='getDivision'>
        <select ng-model="key" ng-options="key for (key , val) in divisions" ng-change="update()"></select>
        <select ng-model="divisionValues" ng-options="value for value in key"></select>
    </div>
</div>

这是JsFiddle

如何获取第一个选定的值并将其解析到 Controller ？

Answer 1

您的表达式应如下所示:

<select ng-model="key"ng-options="key as key for (key, val) in divisions"
ng-change="update()"></select>

<select ng-model="divisionValues"
ng-options="value for value in divisions[key]"></select>

此组合将允许您的用户从 data 的键中进行选择，一旦他们这样做，第二个 select 框将包含与他们相关的四个字母关联值数组。

一开始这些表达式很棘手且难以理解，但是如果您阅读 the docs 几次并进行实验，一切都会有意义。

Working Fiddle