AngularJS 省份城市联动
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
dist
src
.gitignore
README.md
bower.json
gulpfile.js
package.json

README.md

已经提供 Angular2 版本,Angular1版本不再维护!

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