import { Component, OnInit, Input, OnDestroy,Output, EventEmitter } from '@angular/core'; @Component({ selector: 'cm-cascader-doc', templateUrl: './cascader-doc.component.html', styleUrls: ['./cascader-doc.component.css'] }) export class CascaderDocComponent implements OnInit , OnDestroy{ apiPath = './docs/components/cascader-doc/cascader.api.json'; doc_1 = { title: "基本用法", intro: `省市区级联。`, htmlPath: './docs/components/cascader-doc/cascader-doc-1/cascader-doc-1.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-1/cascader-doc-1.component.ts' } doc_2 = { title: "默认值", intro: `默认值通过数组的方式指定。`, htmlPath: './docs/components/cascader-doc/cascader-doc-2/cascader-doc-2.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-2/cascader-doc-2.component.ts' } doc_3 = { title: "可以自定义显示", intro: `切换按钮和结果分开。`, htmlPath: './docs/components/cascader-doc/cascader-doc-3/cascader-doc-3.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-3/cascader-doc-3.component.ts' } doc_4 = { title: "移入展开 ", intro: `通过移入展开下级菜单,点击完成选择。`, htmlPath: './docs/components/cascader-doc/cascader-doc-4/cascader-doc-4.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-4/cascader-doc-4.component.ts' } doc_5 = { title: "禁用选项", intro: `通过指定 nzOptions 里的 disabled 字段。`, htmlPath: './docs/components/cascader-doc/cascader-doc-5/cascader-doc-5.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-5/cascader-doc-5.component.ts' } doc_6 = { title: "选择即改变 ", intro: `这种交互允许只选中父级选项。设置 nzChangeOnSelect 或者 nzChangeOn 。`, htmlPath: './docs/components/cascader-doc/cascader-doc-6/cascader-doc-6.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-6/cascader-doc-6.component.ts' } doc_7 = { title: "大小", intro: `不同大小的级联选择器。`, htmlPath: './docs/components/cascader-doc/cascader-doc-7/cascader-doc-7.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-7/cascader-doc-7.component.ts' } doc_8 = { title: "自定义已选项 ", intro: `例如给最后一项加上邮编链接。`, htmlPath: './docs/components/cascader-doc/cascader-doc-8/cascader-doc-8.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-8/cascader-doc-8.component.ts' } doc_9 = { title: "动态加载选项 ", intro: `使用事件 nzLoad 实现动态加载选项。`, htmlPath: './docs/components/cascader-doc/cascader-doc-9/cascader-doc-9.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-9/cascader-doc-9.component.ts' } doc_10 = { title: "响应式表单", intro: `创建响应式表单组件,并通过 reset() 方法重置数值。`, htmlPath: './docs/components/cascader-doc/cascader-doc-10/cascader-doc-10.component.html', tsPath: './docs/components/cascader-doc/cascader-doc-10/cascader-doc-10.component.ts' } constructor() { } ngOnInit() { } ngOnDestroy() { } }