
(持续更新)angular实战篇
angular的一些实际运用
2b勿扰
专注技术的研究
展开
-
(精华2020年6月21日更新)Angular实战篇 ngrx/store状态管理的使用
首先自然是安装相关包yarn add @ngrx/store定义statu.tsexport interface TaskList { id: number; text: string; completed: boolean;}//初始状态export const initCount = 0; //state export const TASKSAll: TaskList[] = [ { id: 1, text: 'C#', completed: false },原创 2020-06-21 17:43:18 · 13825 阅读 · 0 评论 -
(精华2020年6月14日更新)Angular实战篇 路由懒加载
子模块 article-routing.moduleimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import {ArticleComponent} from './article.component';import {ArticlelistComponent} from './components/articlelist/articlelist.comp原创 2020-06-14 12:43:47 · 11016 阅读 · 0 评论 -
(精华2020年6月11日更新)Angular实战篇 模块的使用
首先先建模块ng g modul 目录在mymodul下先建组件ng g components 目录在模块中暴露组件给其他模块使用import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';import { UserComponent } from './user.component';import { AddressComponent } from './componen原创 2020-06-11 23:25:16 · 15720 阅读 · 0 评论 -
(精华2020年6月10日更新)Angular实战篇 路由的传参
第一种html<!-- sss?aid=1 --><ul> <li *ngFor="let item of newsList; let key = index;"> <a [routerLink]="['/newsdetail']" [queryParams]="{aid:item.id}">{{key}}--{{item.name}}</a> </li></ul><bu原创 2020-06-10 00:17:33 · 16999 阅读 · 0 评论 -
(精华2020年6月10日更新)Angular实战篇 路由的使用
app-routing.module.tsimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import { HomeComponent } from './components/home/home.component';import { WelcomeComponent } from './components/home/welcome/welcome.原创 2020-06-10 00:11:10 · 15608 阅读 · 1 评论 -
(精华2020年6月9日更新)Angular实战篇 axio的封装
首先先建个axio服务ng g service 文件目录ts文件import { Injectable } from '@angular/core';import axios from 'axios';import Qs from 'qs';axios.defaults.timeout = 5000;import { environment } from '../../environments/environment';console.log(environment.baseURL);原创 2020-06-09 00:07:18 · 16891 阅读 · 0 评论 -
(精华2020年6月9日更新)Angular实战篇 http请求模块的使用
首先模块引入import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import {FormsModule} from '@angular/forms';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component'原创 2020-06-07 23:08:28 · 16110 阅读 · 0 评论 -
(精华2020年6月7日更新)Angular实战篇 异步数据流RxJS的使用
组件tsimport { Component, OnInit } from '@angular/core';import { CommonService } from '../../services/common.service';import { Observable } from 'rxjs';import { map, filter } from 'rxjs/operators';@Component({ selector: 'app-home', templateUrl: '.原创 2020-06-07 22:51:09 · 14556 阅读 · 0 评论