import { Component, OnInit, Input, Output,  OnDestroy,EventEmitter } from '@angular/core';

@Component({
    selector: 'cm-select-doc',
    templateUrl: './select-doc.component.html',
    styleUrls: ['./select-doc.component.css']
})

export class SelectDocComponent implements OnInit,OnDestroy{
	apiPath = './docs/components/select-doc/select.api.json';
	
	doc_1 = {
        title: "基本使用",
        intro: `基本使用。`,
        htmlPath: './docs/components/select-doc/select-doc-1/select-doc-1.component.html',
        tsPath: './docs/components/select-doc/select-doc-1/select-doc-1.component.ts'
    }
	doc_2 = {
        title: "三种大小",
        intro: `种大小的选择框，当 nzSize 分别为 large和 small时，输入框高度为 32px和 22px，默认高度为 28px`,
        htmlPath: './docs/components/select-doc/select-doc-2/select-doc-2.component.html',
        tsPath: './docs/components/select-doc/select-doc-2/select-doc-2.component.ts'
    }
	doc_3 = {
        title: "带搜索框",
        intro: `展开后可对选项进行搜索。`,
        htmlPath: './docs/components/select-doc/select-doc-3/select-doc-3.component.html',
        tsPath: './docs/components/select-doc/select-doc-3/select-doc-3.component.ts'
    }
	doc_4 = {
        title: "搜索框",
        intro: `搜索和远程数据结合，通过设置 nzFilter为 false关闭只显示匹配选项。`,
        htmlPath: './docs/components/select-doc/select-doc-4/select-doc-4.component.html',
        tsPath: './docs/components/select-doc/select-doc-4/select-doc-4.component.ts'
    }
	doc_5 = {
        title: "多选",
        intro: `多选，从已有条目中选择（scroll the menu）`,
        htmlPath: './docs/components/select-doc/select-doc-5/select-doc-5.component.html',
        tsPath: './docs/components/select-doc/select-doc-5/select-doc-5.component.ts'
    }
	doc_6 = {
        title: "标签",
        intro: `tags select，随意输入的内容，回车键新增tag`,
        htmlPath: './docs/components/select-doc/select-doc-6/select-doc-6.component.html',
        tsPath: './docs/components/select-doc/select-doc-6/select-doc-6.component.ts'
    }
	doc_7 = {
        title: "多选搜索框",
        intro: `多选搜索框和远程数据结合，注意此时需要保留未列在当前选项中但已被加入多选框中的数据，需要添加 nzKeepUnListOptions属性。`,
        htmlPath: './docs/components/select-doc/select-doc-7/select-doc-7.component.html',
        tsPath: './docs/components/select-doc/select-doc-7/select-doc-7.component.ts'
    }
	doc_8 = {
        title: "下拉模板",
        intro: `可以通过 #nzOptionTemplate 来定制下拉选项模板`,
        htmlPath: './docs/components/select-doc/select-doc-8/select-doc-8.component.html',
        tsPath: './docs/components/select-doc/select-doc-8/select-doc-8.component.ts'
    }
	doc_9 = {
        title: "滚动加载",
        intro: `利用 nzScrollToBottom 滚动到底部时动态加载选项。`,
        htmlPath: './docs/components/select-doc/select-doc-9/select-doc-9.component.html',
        tsPath: './docs/components/select-doc/select-doc-9/select-doc-9.component.ts'
    }
	
    constructor() {
    }

    ngOnInit() {

    }
    ngOnDestroy() {

    }

}