angular2 привязывать события к наблюдаемому объекту

Question

Я пытаюсь связать событие key up и наблюдаемый объект, каждый раз, когда нажимаю клавишу в поле текстового поля, я хочу записать «вы нажали»: + клавиатура в консоли, нет никакой ошибки но также ничего не происходит при нажатии клавиш.

/// <reference path="../../../typings/tsd.d.ts" /> 
import { Component } from '@angular/core'; 
import {Observable} from 'rxjs/Rx'; 
@Component({ 
    moduleId:module.id, 
    selector: 'search-samp', 
    template: '<input id="search" type="text" class="form-control" placeholder="search">' 
}) 
export class SearchComponent { 
    constructor(){ 
     var keyups = Observable.fromEvent($("#search"), "keyup").map(e=> {e.target.value}); 
     keyups.subscribe(data => { 
      debugger 
      console.log("you have pressed:"+data)}); 
    } 
} 

Почему его не работает?

Редакция:

var keyups = Observable.fromEvent($("#search"), "keyup").map(function(e){debugger}); 

косяка точка досягаемости отладчика внутри карты function..it не выглядит событие никогда не переплетено правильно .. но почему?

Answer 1

1) Вы должны ждать, пока ngAfterViewInit не называется (есть элементы без каких-либо шаблона в DOM пока)

2) Вы должны изменить код функции map либо

.map(e => { return e.target.value; }) 

или

.map(e => e.target.value) 

Plunker Example