javascript - NG2中关于rx Observable.fromEvent
PHP中文网
PHP中文网 2017-04-11 13:09:33
[JavaScript讨论组]

我在angularjs2中引入Rx.Observable

import { Observable } from 'rxjs/Observable'

使用

Observable.fromEvent(dom,type)

控制台报错:

ERROR TypeError: Observable_1.Observable.fromEvent is not a function

求正确姿势。

补充源码

import { Component } from "@angular/core"
import { Observable } from 'rxjs/Observable'
import 'rxjs/add/observable/fromEvent'
@Component({
    selector:"custom",
    template:`

  • {{item}}

` }) export class Custom { inputValue = ""; list = ["123"]; numberic(event:any):void{ var value = event.target.value; function toNumber(string){ if( isNaN(string.slice(0,-1)) ){ //包含非数字及小数点的字符,直接切掉 if(/[^\d|\.]/gi.test(string)){ return string.replace(/[^\d\.]/gi,"") } //第一位为小数点,直接切掉 if(string.indexOf(".") === 0){ return string.slice(1) } //包含两个小数点,切掉最后一个小数点 let lastDotIndex = string.lastIndexOf("."); let strings = string.split(""); strings.splice(lastDotIndex,1); return strings.join("") }else{ return string.slice(0,-1) } }; event.target.value = (isNaN(value) ? toNumber(value) : value); this.inputValue = event.target.value; } onInput($event:any):void{ // this.numberic($event); var dom = $event.target; console.log("dom",dom,Observable); var type = $event.type; Observable.fromEvent(dom,type) .do((event)=>{ this.numberic(event) }) .map((event)=>event.target.value) .subscribe((value){ console.log("value",value); }) } onAdd():void{ let hasItemInList = this.list.some((value,index){ return value == this.inputValue; }); if(!hasItemInList){ console.log("onAdd"); this.list.push(this.inputValue); }else{ console.log("已存在相同值,勿须重新添加"); } } onDelete(item):void{ console.log("onDelete") this.list = this.list.filter((value,index)=>{ return item !== value; }); } }
PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
黄舟

你需要引入fromEvent
import { Observable } from 'rxjs/Observable'
import 'rxjs/add/observable/fromEvent'
...

或者
import { Observable } from 'rxjs'
一个是分开引入一个是全部引入

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号