angular2将事件绑定到可观察对象

TyForHelpDude

我尝试将向上键事件和可观察对象绑定在一起,每次在文本框字段中按一个键,我都想在控制台中记录“您已按:” +键字符串,没有显示任何错误,但是按键时也没有发生任何错误。 。

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

无法到达映射函数内部的调试器点。它看起来事件从未正确绑定。

yurzui

1)您应该等待ngAfterViewInit被调用为止(DOM中还没有模板的元素)

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

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

或者

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

柱塞示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在angular2中手动引发可观察到的错误?

Angular2可观察和无极

angular2等到条件可观察到完成

具有bootstrap事件的Angular2不会触发可观察到的更改

Angular2 @ TypeScript可观察到的错误

Angular2 ChangeDetection还是可观察的?

如何在Angular2的可观察对象中创建可观察对象

Angular2:守卫中的嵌套可观察对象

Angular2可观察到的共享不起作用

在组件之间共享可观察对象/在Angular2中多播可观察对象

Angular2 rxjs通过可观察字段对对象列表进行排序(可观察)

绑定到可观察数组

angular2 / 4可观察的订阅

Angular2:当可观察的订阅失败时,如何重定向到登录页面?

使用Angular2将动态对象绑定到HTML

在angular2的服务层上修改对象:无法将订阅分配给可观察的类型

将文本输入绑定到可观察对象中的属性-Angular 2+

如何将图像源绑定到ngFor循环内的可观察对象?

如何将第三方事件绑定到可观察的rxjs

将Firebase onAuth回调绑定到可观察的对象

Angular2 TypeScript可观察到的问题

Angular2:子属性更改时更新可观察对象(嵌套的可观察对象)

Angular2可观察到的变化检测模板更新

angular2 rxjs可观察到的forkjoin

Angular2中的可观察对象

Angular2:将可观察数组绑定到组件时出错

Angular2可观察到的回调

将 UITableViewCell 中的 UIButton 点击手势绑定到 viewModel 中的可观察对象

如何将点击事件绑定到 angular2 模板插值?