发表于： 2021-05-30 21:43:18

0 2076

今天完成的事情：任务进行中；angular 的数据请求；组件显示数据；


明天计划的事情：完成任务七；JS知识巩固；深度思考

收获：

angular get请求数据：

在app.module.ts中引入HttpClientModule并注入

import { HttpClientModule } from '@angular/common/http';


imports: [

    BrowserModule,
    HttpClientModule,
  ],

在用到的地方引入HttpClient并在构造函数声明：

import { HttpClient } from '@angular/common/http';


@Injectable()
export class UsersService {

  constructor(
    private http: HttpClient,
  ) { }

  users: any;
 // get请求数据
  getUsers() {
    this.http.get('http://localhost:3000/api/users').subscribe(res => {
      this.users = res;
      return this.users;
    });
  }
}


Angular中使用第三方模块axios请求数据：

安装 axios：npm install axios --save

用到的地方引入axios：

import axios from 'axios';
// get请求数据
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
  });


JS知识： 布尔值运算符：

布尔运算符用于将表达式转为布尔值，一共包含四个运算符。
取反运算符：!
且运算符：&&
或运算符：||
三元运算符：?:



上一篇
返回列表 返回列表
下一篇
现在开始，找个师兄带你入门
评论

    分享到

    技能树  |  IT修真院

    关于我们 ｜ 联系我们 ｜ 合作公司

    移动端下载

    友情链接

    短信验证码     

    微信公众平台

    Copyright © 2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1