为什么订阅在Angular中无法使用Observable工作

坦泽尔

我想了解Angular和HttpClient我的代码可以正常工作,但是我不知道如何。我检查了以下两个链接:

  1. 如何正确订阅Angular HttpClient Observable?
  2. 如何在TypeScript中声明函数的返回类型

我在YouTube上观看了此视频:

  1. 可观察并在Angular 8中订阅| 印地语Angular 8教程

我了解到HttpClient的GET方法的语法是:get(url: string, options: {...}): Observable<any>

因此,我按照视频中的指示去做。这是我的情况1:

用户服务

...
export class UserService {
  constructor(private _http: HttpClient) { }
  getAllUsers() {
    return this._http.get("https://jsonplaceholder.typicode.com/users"):Observable<any>;
  }
}

为什么VSCode抱怨:

'typeof Observable'类型的值不可调用。您是要包括“新”吗?

实际上,即使我根本不指定代码,我的代码也能完美运行Observable这是情况2:

...
export class UserService {
  constructor(private _http: HttpClient) { }
  getAllUsers() {
    return this._http.get("https://jsonplaceholder.typicode.com/users");
  }
}

这是我的组件(这两种情况):

用户清单

  users=[];

  constructor(private userService: UserService) { }

  ngOnInit() {  
    this.fetchAllUsers();  
  }

  fetchAllUsers() {
    this.userService.getAllEUsers().subscribe(
      res => {
        this.users.push(res)
      }
    );    
  }

请指出我在这两种情况下的错误。我认为我在某处违反了Angular规则。

PS:youtube教程的屏幕截图:

在此处输入图片说明

31匹

以下行是代码中的无效语句:

return this._http.get("https://jsonplaceholder.typicode.com/users"):Observable<any>;

我认为您正在尝试为此方法指定一个返回值,在这种情况下,您需要像下面这样更改方法声明:

getAllUsers(): Observable<any> {
  return this._http.get("https://jsonplaceholder.typicode.com/users");
}

您可能要在这里上TypeScript复习课程

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么以下php中的sql查询无法正常工作?

来自分类Dev

为什么我在jquery中的focus()无法正常工作?

来自分类Dev

为什么“内联阻止”在此CSS中无法正常工作?

来自分类Dev

为什么“插入或更新”中的命令更新无法正常工作?

来自分类Dev

为什么javascript中的nextSibling方法无法正常工作

来自分类Dev

为什么jQuery datepicker无法在ng-repeat angular js函数中工作

来自分类Dev

为什么类型转换在Swift 2.0中无法正常工作?

来自分类Dev

为什么在JavaScript中的indexOf无法正常工作?

来自分类Dev

为什么接头在angular js中无法正常工作

来自分类Dev

订阅Angular2中的EventEmitter无法正常工作

来自分类Dev

为什么这个Orion订阅无法按我的要求工作?

来自分类Dev

使用Wing IDE 101时,为什么KeyboardInterrupt无法在Python中工作?

来自分类Dev

为什么无法在外壳中自动完成工作?

来自分类Dev

使用Angular Observable订阅会话存储密钥

来自分类Dev

为什么在AngularJS(Angular 1.X)中无法正常工作?

来自分类Dev

RxJS:订阅的Observable结束后,主题无法正常工作

来自分类Dev

当我使用方括号符号传递类型时,为什么复选框无法按预期的方式在Angular中工作?

来自分类Dev

为什么在Angular中使用Observable而不是对象引用

来自分类Dev

为什么free()无法工作?

来自分类Dev

为什么ng-transclude无法按预期在angular js中工作

来自分类Dev

为什么使用base64解码在C#中无法正常工作

来自分类Dev

为什么Angular js Service无法正常工作?

来自分类Dev

为什么http中的html组件无法在https中工作

来自分类Dev

使用jQuery提交简单表单-为什么在IE9中无法进行这项工作?

来自分类Dev

在 observable 响应数组 angular 6 中订阅多个 observable

来自分类Dev

在 Angular 中订阅 Observable 的这个箭头函数的正确解释是什么?

来自分类Dev

为什么我可以在不订阅的情况下使用 Observable?

来自分类Dev

为什么我无法在 Angular 中订阅来自不同模块的 observable(而 setter 也可以)

来自分类Dev

为什么在 Angular 中使用 Observable over HTTP

Related 相关文章

  1. 1

    为什么以下php中的sql查询无法正常工作?

  2. 2

    为什么我在jquery中的focus()无法正常工作?

  3. 3

    为什么“内联阻止”在此CSS中无法正常工作?

  4. 4

    为什么“插入或更新”中的命令更新无法正常工作?

  5. 5

    为什么javascript中的nextSibling方法无法正常工作

  6. 6

    为什么jQuery datepicker无法在ng-repeat angular js函数中工作

  7. 7

    为什么类型转换在Swift 2.0中无法正常工作?

  8. 8

    为什么在JavaScript中的indexOf无法正常工作?

  9. 9

    为什么接头在angular js中无法正常工作

  10. 10

    订阅Angular2中的EventEmitter无法正常工作

  11. 11

    为什么这个Orion订阅无法按我的要求工作?

  12. 12

    使用Wing IDE 101时,为什么KeyboardInterrupt无法在Python中工作?

  13. 13

    为什么无法在外壳中自动完成工作?

  14. 14

    使用Angular Observable订阅会话存储密钥

  15. 15

    为什么在AngularJS(Angular 1.X)中无法正常工作?

  16. 16

    RxJS:订阅的Observable结束后,主题无法正常工作

  17. 17

    当我使用方括号符号传递类型时,为什么复选框无法按预期的方式在Angular中工作?

  18. 18

    为什么在Angular中使用Observable而不是对象引用

  19. 19

    为什么free()无法工作?

  20. 20

    为什么ng-transclude无法按预期在angular js中工作

  21. 21

    为什么使用base64解码在C#中无法正常工作

  22. 22

    为什么Angular js Service无法正常工作?

  23. 23

    为什么http中的html组件无法在https中工作

  24. 24

    使用jQuery提交简单表单-为什么在IE9中无法进行这项工作?

  25. 25

    在 observable 响应数组 angular 6 中订阅多个 observable

  26. 26

    在 Angular 中订阅 Observable 的这个箭头函数的正确解释是什么?

  27. 27

    为什么我可以在不订阅的情况下使用 Observable?

  28. 28

    为什么我无法在 Angular 中订阅来自不同模块的 observable(而 setter 也可以)

  29. 29

    为什么在 Angular 中使用 Observable over HTTP

热门标签

归档