使用最新版本的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() {}
}