小编Cha*_*les的帖子

这是我的代码：

import { Component } from '@angular/core';
import { Validators, FormGroup, FormArray, FormBuilder } from '@angular/forms';


@Component({

  selector: 'my-app',
  template: `
  <div id="my-div">
    <h1>Ng2 DateTime Picker French Test</h1>

    <input [(ngModel)]="myDate" 
      (change)="myChange($event)"
      (ngModelChange)="myNgModelChange($event)"
      ng2-datetime-picker
      date-only="true"/>
</div>

  `,
  styles: [`
    div { font-family: Courier; font-size: 13px}
    input { min-width: 200px; font-size: 15px; }
  `]
})
export class AppComponent {

  myDate: any = "2016-12-28";

  constructor(private fb: FormBuilder) {
    moment.locale('fr-ca');
  }

  myChange(ev) {
    alert("input field is manually changed to", ev.target.value)
  }

  myNgModelChange(value) {
    alert("ngModel …

我想添加事件监听器输入,这是我的代码

<input ref-search (keyup)="search(search.value)">

和搜索方法是

search(condition: string){
    console.log(condition);
}

然后当我输入内容时,浏览器控制台日志就是

TypeError: self._el_11 is not a function
at AppView._View_YwCoffeeListComponent0._handle_click_11_0 (YwCoffeeListComponent.ngfactory.js:217)
at platform-browser.umd.js:1854
at platform-browser.umd.js:1967
at ZoneDelegate.invoke (zone.js:192)
at Object.NgZoneImpl.inner.inner.fork.onInvoke (core.umd.js:8772)
at ZoneDelegate.invoke (zone.js:191)
at Zone.runGuarded (zone.js:99)
at NgZoneImpl.runInnerGuarded (core.umd.js:8805)
at NgZone.runGuarded (core.umd.js:9038)
at HTMLInputElement.i (platform-browser.umd.js:1967)

和YwCoffeeListComponent.ngfactory.js:217代码是

_View_YwCoffeeListComponent0.prototype._handle_click_11_0 = function($event) {var self = this;self.markPathToRootAsCheckOnce();var pd_0 = (self._el_11(self._el_11.value) !== false);return (true && pd_0);};