代码之家 › 专栏 › 技术社区 › HelloWorld1

将Json数据检索到ITest

visual-studio-code angular

-1

HelloWorld1 · 技术社区 · 7 年前

将数据从json获取到“test:ITest[];”然后使用控制台显示它。日志

问题:

信息:
我是个新手

非常感谢。

服务

  getData2(): Observable<ITest[]> {
    return this.http.get<ITest[]>('https://api.github.com/users/hadley/orgs');
  }

export interface ITest {
  login: string,
  node_id: string
}

组成部分

  public test: ITest[];

  ngOnInit() {
    this.getData2()
  }


  getData2() {
    this.asdfService.getData2().subscribe(res => { this.test = res });

    console.log(this.test)
  };
export interface ITest {
  login: string,
  node_id: string
}

2 回复 | 直到 7 年前

DWilches 7 年前

你的方法 getData2 console.log 电话就在会议结束后 subscribe ,所以到了 安慰日志

试试这个:

  getData2() {
    this.asdfService.getData2().subscribe(res => { 
        this.test = res
        console.log(this.test)
    });  
  }

安慰日志 当你得到一个新的值时 this.test

ysf Tathagat 7 年前

欢迎来到这里。代码的唯一问题是

  getData2() {
    this.asdfService.getData2().subscribe(res => { this.test = res });

    console.log(this.test)
  };

应该是这样的

  getData2() {
    this.asdfService.getData2().subscribe(res => { 
       this.test = res;
       console.log(this.test);
    });
  };

subscribe中的代码是异步调用的,因此如果不 console.log 在订阅中,它不等待 this.test = res 被处决。这被称为反应式编程,它是angular的基本构建块。

this

推荐文章

srbrills · ESLint预处理层:分析错误:意外的令牌

1 年前

Alex · 在VS Code中,允许在EOL后的列中写入文本

1 年前

ds797 · VSCode在每条线上的排水沟中显示蓝色链节图标

1 年前

lonix · 在VSCode中显示两个标记和两个预览选项卡

1 年前

Aouiche Redouane · 修复Flutter抽屉中的物品

1 年前

Philip · 在VS CODE中关闭javascript中特定功能的自动补全

1 年前

dytra · 如何在vscode中切换右侧边栏的可见性?

1 年前

VivekAnandChakravarthy · 在azure逻辑应用程序标准vs代码中以设计器身份打开工作流时出错

1 年前

LeRay · 无法在实时服务器中查看我的CSS

2 年前

AnswerMePlz · VS Code中的终端冻结

2 年前