<!DOCTYPE html>
省市县三级联动
地址：{{mainctrl.province}}
var myapp=angular.module("myapp",[]); myapp.controller("MainCtrl",["$http",function ($http) { this.province=""; this.city=""; this.country=""; var self=this; $http.get('cityname.json').then(function (data) { self.data=data.data; }) }])以下是引入的cityname.json 文件格式 文字限制以两个区为例：
[
{
"name": "北京市",
"city": [
{
"name": "北京市",
"area": [
"东城区",
"西城区",
"崇文区",
"宣武区",
"朝阳区",
"丰台区",
"石景山区",
"海淀区",
"门头沟区",
"房山区",
"通州区",
"顺义区",
"昌平区",
"大兴区",
"平谷区",
"怀柔区",
"密云县",
"延庆县"
]
}
]
},
{
"name": "天津市",
"city": [
{
"name": "天津市",
"area": [
"和平区",
"河东区",
"河西区",
"南开区",
"河北区",
"红桥区",
"塘沽区",
"汉沽区",
"大港区",
"东丽区",
"西青区",
"津南区",
"北辰区",
"武清区",
"宝坻区",
"宁河县",
"静海县",
"蓟 县"
]
}
]
}
]
