0

我正在尝试绑定按键事件和可观察对象，每次在文本框字段中按下一个键，我想在控制台中记录“你已按下：”+键字符串，没有显示任何错误但按下键时也没有任何反应。 .

 /// <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});

无法到达映射函数内的调试器点..它看起来事件从未正确绑定..但为什么呢？

4

1 回答 1

5

1）你应该等到ngAfterViewInit被调用（DOM中还没有模板的元素）

2）您必须更改map函数的代码

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

或者

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

Plunker 示例

于 2016-11-24T20:23:37.130 回答