dida-bd-outlet v1.0.2

city-select城市选择控件

依赖条件

安装jquery

• npm install jquery --save
• npm install @types/jquery --save-dev 使typescript识别javascript
• .angular-cli文件 配置 script:"../node_modules/jquery/dist/jquery.js"

安装swiper

• npm install swiper --save
• npm install @types/swiper --save-dev
• .angular-cli文件 配置 script:"../node_modules/swiper/dist/js/swiper.js"
• .angular-cli文件 配置 styles:"../node_modules/swiper/dist/css/swiper.css"

  全局使用$ 和 Swiper。需要在typings.d.ts配置下

  • declare var $: any;
  • declare var jQuery: any;
  • declare var Swiper:any;

安装ng-zorro-antd

• npm install ng-zorro-antd --save
• .angular-cli文件 配置 styles:"../node_modules/ng-zorro-antd/src/ng-zorro-antd.less"

调用

• <app-city-select [cityOpts]="{userName:'xxxx',projectCode:'yyyy'}" (cityCheck)="handler($event)"></app-city-select>

需要参数 cityOpts

• {userName:'xxxx',projectCode:'yyyy'}

提供确认回掉函数

• cityCheck
• 返回：所选择的城市信息
• 格式：

  {
    aggregation:true/false, // 是否选中聚合
    category:'开通批次'/'全国',// 所选分类
    subcategory:[
        {
            citys:[],
            name:'第一批'
        }
      ]
  }