角形6 RXJS进口语法？
角形6 RXJS进口语法？
提问于 2018-04-13 07:05:54
我正在迁移一个角形5应用程序到最新的CLI和Range6RC，并且我所有的可观察到的导入都被破坏了。我看到了角度6改变了导入的工作方式，但是我找不到任何关于语法是如何工作的明确的参考。
我5岁的时候就有了这个，效果很好：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';现在使用新的语法，我看到
import { Observable, Subject, throwError} from 'rxjs';
import { map } from 'rxjs/operators';前两行编译，但我不知道如何捕获和抛出例如。.map()在代码中使用时也会引发生成错误。
有人提到这应该是怎么回事吗？
回答 5
Stack Overflow用户
回答已采纳
发布于 2018-04-13 07:17:59
从rxjs 5.5中，catch被重命名为catchError函数，以避免名称冲突。
由于操作符是独立于可观察的，所以运算符名称不能与JavaScript关键字限制相冲突。因此，一些运算符的可管道版本的名称已经更改。
import { catchError } from 'rxjs/operators';对于throw，您可以使用ErrorObservable。
import { ErrorObservable } from 'rxjs/observable/ErrorObservable';
ErrorObservable.create(new Error("oops"));rxjs 6
使用ErrorObservable代替throwError。
import { throwError } from 'rxjs'
throwError(new Error("oops"));此外，您现在还必须将操作符输送到管道中，而不是直接将它们链接到可观察到的位置。
Stack Overflow用户
发布于 2018-05-20 07:43:11
管道是操作人员前进所需要的。
版本: rxjs 6.0.1
示例：
import { Observable } from "rxjs";
import { map } from "rxjs/operators";
Observable.create((observer: any) => {
observer.next('Hello')
}).pipe(map((val: any) => val.toUpperCase()))
.subscribe((x: any) => addItem(x))
function addItem(val: any) {
console.log('val', val);
}
//output - (In uppercase)
HELLOStack Overflow用户
发布于 2018-05-15 04:28:15
在运行ng update之后运行这两个命令。这将修复rxjs导入：
npm i -g rxjs-tslintrxjs-5-to-6-migrate -p src/tsconfig.app.json
参考文献：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49811177
复制相关文章
相似问题
腾讯云开发者
