news

html

<button (click)="getDate()">click_it</button> <br> <ul><li *ngFor="let item of list">{{item.title}}</li> </ul>復制代碼

ts

import { Component, OnInit } from '@angular/core'; import {HttpClient} from '@angular/common/http';@Component({selector: 'app-news',templateUrl: './news.component.html',styleUrls: ['./news.component.less'] }) export class NewsComponent implements OnInit {public list:any[] = [];constructor(public http:HttpClient) { }ngOnInit() {}getDate(){let api = "http://a.itying.com/api/productlist";this.http.get(api).subscribe((response:any)=>{this.list = response.result;console.log(this.list);});}}復制代碼

app.module.ts

import { HttpClientModule } from '@angular/common/http';imports: [BrowserModule,HttpClientModule], 復制代碼

轉載于:https://juejin.im/post/5ce4d291f265da1bc4142960

總結

以上是生活随笔為你收集整理的获取后台数据-Http的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。