2016-09-28 14 views
1

ないが、ここに私のコードはangular2例外TypeError:self._el_11 iは入力にイベントリスナーを追加したい機能

<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);}; 
+0

は、私はあなたのJavaScriptを見ることができますか? –

答えて

4

テンプレート参照変数は、メソッドと同じ名前で定義するためです。

そうでそれを変更します。

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

thx.itは機能します! – Charles

関連する問題