zhaoyin / angular-city-select

AngularJS 省份城市联动

AngularJS 省份城市联动

类似淘宝收货地址的所在地。过于仓促，暂时先这样子吧。

升级日志

v1.0.1

1. 升级地址库为最新县及县以上行政区划代码（截止2013年8月31日），去掉省、自治区等字眼。
2. 修复县区选中值累计问题。
3. 新增邮政编码。

使用说明

添加angular.city.select模块到你的应用。

angular.module('myApp', ['angular.city.select', ...]);

html标记

<city-select ng-model="item.city"></city-select>

ng-model必须是一个带有*.city对象，另一方面，对于初始化，支持两种方式分别是：

// 按名称顺序，当未找到时中止。
$scope.item = {
    city: [ '安徽', '芜湖', '弋江' ]
};

// 按区域ID
$scope.item.city = '340203';

onCitySelected 事件

app.controller('myController', ['$scope', function($scope){

	$scope.$on('onCitySelected', function(event, item) {
        // item.cn[] 数组，和面板数量相对应。
        // item.id 区域ID
        // item.zip 邮政编码
	}
	
}]);

bower install

$ bower install angular-city-select --save