![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
梁祖迅
这个作者很懒,什么都没留下…
展开
-
angular学习7-HttpClient发送请求
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...原创 2019-04-10 13:54:01 · 2407 阅读 · 0 评论 -
angular学习6-路由懒加载
步骤一:创建组件命令行输入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...原创 2019-04-09 21:08:52 · 317 阅读 · 0 评论 -
angular学习6-导航与路由(1)
路由配置src/app/app.module.tscconst Routes:Routes = [{path:'crisis-center'm=,component:CrisisCenterComponent},{path:'hero/:id',component:HeroListComponent},{path:'/heroes',component:HeroesComponent},...原创 2019-04-09 20:57:55 · 227 阅读 · 0 评论 -
angular学习5-响应式表单
步骤1-注册ReactiveFormsModule//app.module.tsimport {ReactiveFormsModule} from '@angular/core'@NgModule({ imports:[ ReactiveFormsModule ]})步骤二-生成并导入一个新表单控件//form.component.html<form action="...转载 2019-04-09 12:34:49 · 160 阅读 · 0 评论 -
angular4学习-创建结构性指令
import {Directive,ViewContainerRef,TemplateRef,Input} from '@anguar/core'@Directive({ selector:'[appUnless]'})export class UnlessComponent{ constructor(private viewcontainer:ViewContainerRef, pr...转载 2019-04-09 08:07:26 · 286 阅读 · 0 评论 -
angular学习4-创建属性型指令
import {ElementRef,Input,Directive,@HostListener}@Directive({ selector:'[appHighlight]'})export class HighlightDirective{ @Input() enterColor:string @Input() leaveColor:string @HostListener('mo...转载 2019-04-09 07:37:28 · 191 阅读 · 0 评论 -
angular学习6 -模板式表单
ngForm控制哪些带有ngModel和name属性的元素,监听其属性,包括其有效性,它自己也有valid属性,只有当所有监听元素的的valid属性真时,ngForm的valid属性才为真ngModel标记元素ngModelGroup顾名思义,就是一组ngModel,把ngModel进行分组。Example<form #myForm="ngForm"> <div&...原创 2019-04-12 10:28:11 · 186 阅读 · 0 评论 -
angular学习3-生命周期
OnChanges当检测该i组件或者指令的输入属性发生变化,Angular会调用ngOnChanges方法。import {OnChanges,Input,SimpleChanges} from '@angular/core'export class LearnComponent implements Onchanges{ //该组件包含两个输入属性,当属性发生变化时,调用ngOnC...转载 2019-04-08 16:47:34 · 149 阅读 · 0 评论 -
angular学习6之路由可选参数和必选参数
有路由配置如下const routes:Routes = [{ path:'/product/:title',component:ProductDetailComponent}]在要导航到ProductDeDetail的Product组件下通过routerLink组件传递参数。假设product.title = ‘第一个商品’<a [routerLink]="['/produc...原创 2019-04-11 17:32:45 · 2572 阅读 · 1 评论 -
angular学习2-模板与绑定
语法在angular2中:单向绑定:从看到的目标绑定数据来源(target) = “statement”单向绑定 :从数据来源绑定到目标:{{expression}}[target] = “expression”bind-target = “expression”双向绑定: 数据来源与视觉端相互绑定:[(target)] = “expression”属性绑定(attrib...转载 2019-04-08 10:03:07 · 164 阅读 · 0 评论 -
angular学习1-依赖注入
一个jecttor用providers去建立依赖,providers会知道如何去建立依赖在component的constructor中注入服务转载 2019-04-08 09:08:58 · 268 阅读 · 0 评论 -
angular学习9-angular中的反向代理
代理到后端服务器src/app/proxy.conf.json{ "/api"{ "target":"http://localhost:3000", "secure":false, "logLevel":debug, "pathreWrite":{ "^/api":"" } }}引入angular.json"serve":{ "options":{ ...原创 2019-04-10 18:45:32 · 1634 阅读 · 0 评论 -
angular学习8-打包和部署
预编译(AOT)ng build --prod可以看到生成了一个dist文件夹,里面是打包后的静态资源文件。搭建本地简单服务器用来预览打包后的静态文件npm install expressconst express=require('express')const app = express()//访问静态资源文件//中间件app.use(express.static('dis...原创 2019-04-10 17:14:50 · 10024 阅读 · 0 评论