三级联动的例子很简单, 也很常见, 实现方式也很多, 不过我这里用了Angular双向数据绑定方式实现, 方式很简单, 代码也简洁很多.
涉及到主要的指令
有:
- ng-app
- ng-controller
- ng-model
- ng-options
- ng-change
当然, 该例子中最重要要掌握的是ng-options指令, 该指令必须要配合ng-model使用.
angularjs ng-options官方API
数组类型:
label for value in array
select as label for value in array
label group by group for value in array
select as label group by group for value in array track by trackexpr
对象类型:
label for (key , value) in object
select as label for (key , value) in object
label group by group for (key, value) in object
select as label group by group for (key, value) in object
效果图
看代码
这里数据我偷个懒我没使用ajax请求, 直接贴上了! 只需看下格式就够了.
1 | <!DOCTYPE html> |