b422761838的专栏

1.在environments文件夹中添加各环境的文件（st和uat为测试环境，名字可以随便取）2. 配置各文件的参数environment.prod.ts，production: true表示是生产环境export const environment = { production: true, url: 'api/pro'};environment.st.ts...

1.使用脚手架工具生成路由ng generate module app-routing --flat --module=app（1）--flat表示不生成文件夹，而是生成平级文件。（2）--module==app表示将改文件注入到app.module.ts中的import中，不用手动引用2 .修改生成的路由文件import {NgModule} from "@angular...

1.app.module.ts引入HttpClientModule imports: [ BrowserModule, FormsModule, HttpClientModule ]2.新建my-first-servce.service.tsng g s my-first-servce添加get和post接口请求import {Inject...

1.使用已有的过滤器my-first-componnet.component.ts：添加today = new Date();页面my-first-componnet.component.html <span>当前时间是：{{today | date: 'yyyy-MM-dd HH:mm:ss'}}</span>2.自定义过滤器ng...

1.父页面向子页面传值app.component.html页面添加<app-my-first-componnet [num]="100" [pHeros]="heros"></app-my-first-componnet>num表示传单个值的方式，pHeros表示传递对象方式， num和pHeros表示子页面接收的属性名页面完整代码<!-- To...

1.my-first-componnet.component.html<!-- index 索引 first是否第一个 last是否最后一个 odd是否奇数 even是否偶数 循环时可以去掉，用到的话就加上--><div class="container" style="margin-top: 10px;"> <div class="row" *n...

1，ngFor在my-first-componnet.component.ts中添加如下代码 heros : Array<{name: string, strength: number, agile:number, intelligence: number}> = [ {name:'猎魂人', strength : 120, agile : 66, intellige...

1.创建组件ng g c my-first-componet,默认生成以下四个文件此时selector中是app-my-first-componnet，前面多了个app，是因为在文件angular.json中设置了前缀2.引用组件在app.component.html添加标签<app-my-first-componnet></app-my-first-c...

1.下载最新版nodejs并安装，配置环境变量 下载地址：https://nodejs.org/en/安装成功后，在终端工具输入 node -v 显示版本号，说明安装成功2.安装Angular CLI终端输入 npm install -g @angular/cli，输入ng version检查是否成功，注意ng 命令都没有'-'3.新建项目ng new my-app...