box-cascader

angular 6 component

Install

npm install box-cascader --save
or
yarn add box-cascader

Usage

import { BoxCascaderModule } from 'box-cascader';
 
@NgModule({
  imports: [
    ...
    BoxCascaderModule
  ],
})

simple

  nodes = [{
    key: 'zhejiang',
    title: 'Zhejiang',
    children: [{
      key: 'hangzhou',
      title: 'Hangzhou',
      children: [{
        key: 'xihu',
        title: 'West Lake',
        isLeaf: true
      }]
    }, {
      key: 'ningbo',
      title: 'Ningbo',
      isLeaf: true
    }]
  }, {
    key: 'jiangsu',
    title: 'Jiangsu',
    children: [{
      key: 'nanjing',
      title: 'Nanjing',
      children: [{
        key: 'zhonghuamen',
        title: 'Zhong Hua Men',
        isLeaf: true
      }]
    }]
  }];
 

<box-cascader [(ngModel)]="value" [nodes]="nodes" [disabled]="false" required="true"></box-cascader>

prop	desc	type	deafult
[ngModel]	bidirectional bindings	[]	[]
[nodes]	nodes array	[]	[]
(nzClick)	click function	EventEmitter<NzFormatEmitEvent>	-
(nzCheckBoxChange)	Checkbox trigger	EventEmitter<NzFormatEmitEvent>	-