AngularJS ng下拉树结构的模型定义
AngularJS ng-model definition for dropdown tree structure
我的AngularJS应用程序有问题,我必须从下拉列表中选择数据。问题是,当第一个下拉列表(品牌)更改时,数据必须只注入到第二个下拉列表中(型号),而不是全局注入到所有其他第二个下降列表中——如jsfiddle所示。
Js报价
我知道,问题出在ng模型上——我应该如何定义ng模型?
<div ng-controller="MyCtrl">
<div ng-if="car" ng-repeat="car in cars">
<br><label>{{car.name}}</label><br>
<label>brand</label>
<select ng-model="car.brand" ng-options="car as car.name for car in brands" ng-change="loadBrands($index)">
<option value="">select</option>
</select>
<label>model</label>
<select ng-model="car.brand.model" ng-options="car as car.model for car in models">
<option value="">select</option>
</select>
<button ng-click="show($index)">show</button>
谢谢。
与其全局更改所有汽车的$scope.models
,不如只更新选定汽车的型号:
JSFiddle进行了以下修改:
$scope.loadBrands = function(index) {
if ($scope.cars[index].brand.name == 'audi') {
$scope.cars[index].models = $scope.audi;
} else {
$scope.cars[index].models = $scope.bmw;
}
}
型号的选择应更改为:
<select ng-model="brand.model" ng-options="car as car.model for car in cars[$index].models">
<option value="">select</option>
</select>
相关文章:
- 当显式定义控制器参数时,默认模型绑定器会发生异常
- 自定义指令中的AngularJS ng模型
- 如何在ExtJs4应用程序上为视图、存储和模型设置自定义文件夹名称
- 主干中的模型属性未定义
- 在模型上生成自定义主干错误.保存成功
- AngularJS ng下拉树结构的模型定义
- 使用AMD时未定义淘汰组件视图模型
- 当ng repeat上的复选框具有必需的属性时,角度ng模型将变为未定义
- 续集返回未定义的模型自定义方法
- 煎茶触摸 2 - 从商店自定义模型种群
- 角度:仅当选择脏时定义 ng 模型
- 在模型可用之前调用使用 app.filter 的自定义筛选器
- 使用可选参数和默认模型定义路由
- sails.js:枚举的模型定义 - 动态值列表
- Backbone - model.destroy() 函数未为模型定义
- 主干.js - 是否可以为模型定义多个 el 值
- 如何使用ember模型定义枚举
- 声明与RESTful一起使用的模型定义”;新的“;在Angular中
- 如何在剑道UI模型定义中设置数字的小数点
- Mongoose ODM, BreezeJS -一个模型定义