Install via bower

bower install china-area-selector --save

Add it as a dependency to your app and then use china-area-selector in your HTML files.

HTML

<china-area-selector region="region1"></china-area-selector>
<china-area-selector region="region2"></china-area-selector>

Javascript

var app = angular.module('demo', ['china-area-selector']);

app.controller('Ctrl' , function($scope) {

  $scope.region1 = {};
  
  $scope.region2 = {
    province: '河北省',
    city: '承德市',
    area: '承德县'
  };
});

对于一些没有区的市辖区直接区县以市辖区名称代替，比如广东省的东莞市。

而对于北京市等直辖市的市辖区直接以北京市代替。

对于china-area-selector-with-wrapper，适用于wap，或者需要自己定义显示的时候，这个会比较方便。

详见 Demo 页面

MIT