gexiaopipi的博客

get 请求get.service.tsng g service get创建一个服务//get.service.tsconst baseUrl = " https://www.easy-mock.com/mock/5cac9abdbf60940c8b889555/"import {Injectable} from '@angular/core'import {HttpClient} f...

步骤一：创建组件命令行输入ng g module admin --routingng g c admin/adminng g c admin/admin-dashboardng g c admin/messageadmin-routing.module.ts引入上述组件const routes:Routes=[{ path:'' component;AdminCompone...

路由配置src/app/app.module.tscconst Routes:Routes = [{path:'crisis-center'm=,component:CrisisCenterComponent},{path:'hero/:id',component:HeroListComponent},{path:'/heroes',component:HeroesComponent},...

步骤1-注册ReactiveFormsModule//app.module.tsimport {ReactiveFormsModule} from '@angular/core'@NgModule({ imports:[ ReactiveFormsModule ]})步骤二-生成并导入一个新表单控件//form.component.html<form action="...

import {Directive,ViewContainerRef,TemplateRef,Input} from '@anguar/core'@Directive({ selector:'[appUnless]'})export class UnlessComponent{ constructor(private viewcontainer:ViewContainerRef, pr...

import {ElementRef,Input,Directive,@HostListener}@Directive({ selector:'[appHighlight]'})export class HighlightDirective{ @Input() enterColor:string @Input() leaveColor:string @HostListener('mo...

ngForm控制哪些带有ngModel和name属性的元素，监听其属性，包括其有效性，它自己也有valid属性，只有当所有监听元素的的valid属性真时，ngForm的valid属性才为真ngModel标记元素ngModelGroup顾名思义，就是一组ngModel,把ngModel进行分组。Example<form #myForm="ngForm"> <div&...

OnChanges当检测该i组件或者指令的输入属性发生变化，Angular会调用ngOnChanges方法。import {OnChanges,Input,SimpleChanges} from '@angular/core'export class LearnComponent implements Onchanges{ //该组件包含两个输入属性，当属性发生变化时，调用ngOnC...

有路由配置如下const routes:Routes = [{ path:'/product/:title',component:ProductDetailComponent}]在要导航到ProductDeDetail的Product组件下通过routerLink组件传递参数。假设product.title = ‘第一个商品’<a [routerLink]="['/produc...

语法在angular2中:单向绑定：从看到的目标绑定数据来源（target) = “statement”单向绑定 ：从数据来源绑定到目标：{{expression}}[target] = “expression”bind-target = “expression”双向绑定: 数据来源与视觉端相互绑定：[(target)] = “expression”属性绑定(attrib...

一个jecttor用providers去建立依赖，providers会知道如何去建立依赖在component的constructor中注入服务

代理到后端服务器src/app/proxy.conf.json{ "/api"{ "target":"http://localhost:3000", "secure":false, "logLevel":debug, "pathreWrite":{ "^/api":"" } }}引入angular.json"serve":{ "options":{ ...

预编译(AOT)ng build --prod可以看到生成了一个dist文件夹，里面是打包后的静态资源文件。搭建本地简单服务器用来预览打包后的静态文件npm install expressconst express=require('express')const app = express()//访问静态资源文件//中间件app.use(express.static('dis...