angularjs三级省市联动

city.json中存放省市联动数据

结构：

controller中的使用

 

controller中使用

 

html关键代码

 

<div>
    <label>所在区域：</label>

    <select name="province" ng-model="address.province" ng-options="p.name as p.name for p in region" ng-change="city='';"></select>    
    
    <select name="city" ng-model="address.city" ng-options="c.name as c.name for c in region | cityfilter : address" ng-change="area='';"></select>
    
    <select name="area" ng-model="address.area" ng-options="a.value as a.value for a in region | areafilter : address" ></select>
</div> 

实现效果：