angular6中rxjs6响应式编程中observable使用代码变化

   今天在学习angular6的响应式编程rxjs时，由于之前看到视频是基于angular4的，现在升级到angular6后已经有一些变化了，现在就Observable用法将代码贴出来：

import { from} from 'rxjs';
import {filter, map} from 'rxjs/operators';

 

export class BindComponent implements OnInit {

  constructor() {
        from([1,2,3,4]).pipe(
          filter(e=>e%2==0),
          map(e=>e*e)
        ).subscribe(
         e=>console.log(e),
         err=>console.error(err),
         ()=>console.log("结束啦")
       );
  }

  ngOnInit() {
  }
}

另外，如果是订阅前端控件值改变的方法时需要延时的，angular6中也做了相应的改变

this.searchInput.valueChanges
  .pipe(debounceTime(500))
  .subscribe(stockCode=>this.getStockInfo(stockCode));

前端html页面写法为：

<input [formControl]="searchInput">