使用最新版本的Angular来编写代码, Observable.from老是不好用,原来需要如此处理下:
// tslint:disable-next-line:import-blacklist
import { Observable } from 'rxjs';
如果是这样:import { Observable } from 'rxjs/Observable';是不好用的
整个文件如下:
import { Component , OnInit} from '@angular/core';
// tslint:disable-next-line:import-blacklist
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'test';
size = 3;
str = 'test';
constructor() {
Observable.from([1, 2, 3, 4]).filter(e => e % 2 === 0)//filter是过滤
.map(e => e * e)//是映射
.subscribe( e => console.log(e));//是订阅
}
ngOnInit() {}
}