
NG4
gaiery
这个作者很懒,什么都没留下…
展开
-
angular7+underscore的使用
方式一1.首先下载underscorenpm install underscore --savenpm install @types/underscore --save2.在需要的模块引入underscoreimport * as _ from 'underscore';3.在需要的模块可以直接使用了this.fileLists=_.reject(this.fileLists,(el)=>{ return item.file.name==el.name;})方式二1.首先原创 2020-07-09 10:44:45 · 562 阅读 · 0 评论 -
angular 定义中间商(也就是一个全局变量)实现内外部通信
1.index.html中定义全局变量<script> var middleArea=null;//声明一个全局变量,用于内外部通讯的中间商</script>2.typing.d.ts中声明变量declare var middleArea:any;3.app.component.ts中给middleArea赋值为一个服务constructor( ...原创 2020-03-12 16:45:37 · 861 阅读 · 0 评论 -
angular http请求的多种传参方式总结
1.GETservice: getData(data): Observable<any> { const url = `${this.config.url}/xxx`; return this.http.get(url, { params: data }).pipe( map(res => res) ...原创 2020-01-13 11:06:50 · 3179 阅读 · 0 评论 -
Angular/forms Validators的使用
Angular 支持的内建 validators 如下:required - 设置表单控件值是非空的email - 设置表单控件值的格式是 emailminlength - 设置表单控件值的最小长度maxlength - 设置表单控件值的最大长度pattern - 设置表单控件的值需匹配 pattern 对应的模式ngOnInit() { this.formModel = th...原创 2020-01-10 16:49:32 · 1939 阅读 · 0 评论 -
angular使用ngrx做状态管理——以获取AppId作为全局变量为例写的小demo
一、在actions文件夹下创建action文件appId.action.ts该文件用于更新openIdimport { Action } from "@ngrx/store";export const types = { UPDATE_APPID:"UPDATE_APPID"}export class UpdateAppIdAction implements Action ...原创 2019-11-29 16:17:14 · 582 阅读 · 0 评论 -
Angular引入百度地图教程
下面简单介绍一下如何在Angular中使用百度地图。第一步:申请百度地图密钥(http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey);第二步:在Angular项目中引入百度地图API文件,在index.html中引入<script type="text/javascript" src="http://api.map...原创 2019-11-28 10:16:41 · 1564 阅读 · 0 评论 -
NG4——组件生命周期钩子
Angular 指令的生命周期,它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子,便于我们监控指令生命周期的变化,并执行相关的操作。Angular 中所有的钩子如下图所示: 分类指令与组件共有的钩子ngOnChanges ngOnInit ngDoCheck ngOnDestroy组件特有的钩子ngAfterCo...原创 2019-01-16 11:05:25 · 348 阅读 · 0 评论 -
NG4学习笔记——组件间通讯-@Input-@Output-中间人模式
一、输入属性@Input@Input用来让父模块往子模块传递内容,例如:<app-input [succulent]="succos" [amount]="100"></app-input>[succulent]=”succos” 这个标签可以理解为一个专门的监听器,监听父组件传递过来的succos参数,并存入自身组件的succulent变量;1.父组件 f...原创 2018-04-16 18:29:12 · 311 阅读 · 0 评论 -
NG4+NG-ZORRO搭建项目
一、安装Nodejs、Angular CLI安装nodejs,node官网下载安装即可;安装完成后查看版本信息:npm –v;npm install –g @angular/cli(下载Angular CLI);查看Angular CLI的安装结果:ng –v;二、使用Angular CLI创建并运行Angular项目1.创建项目wishmemory ng n...原创 2018-01-29 14:31:38 · 3284 阅读 · 0 评论