javascript - Angular HttpClient 如何将结果传递给模板-6ren

javascript - Angular HttpClient 如何将结果传递给模板

转载作者：搜寻专家更新时间：2023-10-30 21:38:10

<分区>

我是 Angular 的新手，在这里完全遗漏了一些东西。我设置了一个组件来按照文档和上一篇文章的一些帮助发出获取请求:)现在我不知道如何将结果传递给模板？

这是我的组件:

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-emails',
  templateUrl: './emails.component.html',
  styleUrls: ['./emails.component.scss']
})

export class EmailsComponent implements OnInit {

test = 'test';
results: string[];

  constructor(private http: HttpClient) { }

  ngOnInit() {

    interface ItemsResponse {
      results: string[];
    }

    this.http.get<ItemsResponse>('assets/api/email_list.json').subscribe(data => {
      this.results = data['results'];
      console.log(this.results);
    });
  }

}

我的模板非常简单:

<p>results</p>
<p>{{test}}</p>
<p>
  {{results}}
</p>

从学习 angularjs 到 angular 的转变似乎让我在这里撞墙了!

JSON 格式:

[
    {
        "pk": "wGR",
        "created": "2017-10-07T01:42:25.110747Z",
        "email_domain": "domain.com",
        "sender_name": null,
        "sender_email": "jobsearch@domain.com",
        "has_user_viewed": false,
        "is_shielded": false
    }
]

文章推荐： php - 这两行PHP代码是什么意思？

文章推荐： c# - 调用类做数据库连接

文章推荐： java - 获取 ArrayList>() 的值(字符串)；在 java

搜寻专家

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - Angular HttpClient 如何将结果传递给模板