获取角度ng-option中的选定值

下划线

我有一个像下面这样的物体:

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

贝娄是我的控制者

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

我如何获得第一个选定的值并将其解析到控制器?

马克·克莱恩

您的表达式应如下所示:

<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框将在关联的值数组中包含与他们关联的四个字母。

表达式一开始很难理解,但如果您几次阅读文档 并进行实验,它们将很有意义。

工作小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取角度ng-option中的选定值

来自分类Dev

使用角度,如何在下拉列表中的ng-change中获取选定的值?

来自分类Dev

角度2:如何从表单的不同选项中获取选定的值?

来自分类Dev

React.js-在下拉菜单<option>中获取映射数组的选定值

来自分类Dev

如何从ng-repeat中获取选定的值

来自分类Dev

在<a> angularJS中获取选定的值

来自分类Dev

获取行中的选定值

来自分类Dev

在<a> angularJS中获取选定的值

来自分类Dev

在 KnockoutJs 中获取选定的值

来自分类Dev

角度-无法使用ng-submit获取选定的ng重复单选按钮

来自分类Dev

在角度选择中设置选定值

来自分类Dev

角度:选定值未保留在由ng-options生成的select中

来自分类Dev

在角度选择中获取选定的对象

来自分类Dev

AngularJS:如何获取ng-option中的唯一值?

来自分类Dev

在RecyclerView中获取选定的TextView值

来自分类Dev

从列表中的选定项目获取属性值

来自分类Dev

在Swift中获取UIPickerViewControl的选定值

来自分类Dev

如何从<select>中获取选定的值

来自分类Dev

从表单提交的selectmenu中获取选定的值

来自分类Dev

从Laravel的下拉列表中获取选定的值

来自分类Dev

在angularjs中获取选定的下拉值

来自分类Dev

在JavaScript中获取选定的单选按钮值

来自分类Dev

在JavaScript中获取选定的单选按钮值

来自分类Dev

在Codeigniter中获取选定的下拉值

来自分类Dev

从ztree获取JavaScript中的选定值

来自分类Dev

从自动完成中获取选定的值,id

来自分类Dev

如何从xml中获取选定的值?

来自分类Dev

从PHP的下拉列表中获取选定的值

来自分类Dev

从列表中的选定项目获取属性值

Related 相关文章

热门标签

归档