import { Component, OnInit, ViewChild } from '@angular/core';
import { NgModel, ControlValueAccessor } from '@angular/forms';

@Component({
    // tslint:disable-next-line:component-selector
    selector: 'input-group-demo',
    templateUrl: './input-group-demo.component.html'
})
export class InputGroupDemoComponent implements OnInit {


    codePath = {
        baseDemo: 'assets/codes/inputgroup/base',
        statusDemo: 'assets/codes/inputgroup/status'
    };
    searchText = '';
    searchText2 = '';
    searchText3 = '';
    groupText = '查询';
    status = false;
    groupIcon = '<span class="k-icon k-i-search"></span>';
    groupIcon2 = '<i class="f-icon f-icon-lookup"></i>';
    passwdText = '';
    myPopValue = '我的扩展的信息.';
    constructor() { }

    ngOnInit() { }

    onSearch($event) {
        alert($event.value);
    }

    onSearch2(ev) {
        this.searchText2 = 'ABCDED';
    }

    onSearch3(ev) {
        this.searchText3 = '打倒美帝，打倒小鬼子，打倒一切反动力量！';
    }
    onChange(val) {
        console.log(val);
    }
    onEnter(e) {
        console.log('↓↓↓ enter ↓↓↓');
        console.log(e);
    }
    getInfo(dataControl:NgModel){
        if(dataControl.invalid && (dataControl.dirty || dataControl.touched)){
            return true;
        }
        return false;
    }
}