Angular
笔记
元宵不吃汤圆
笔记总结
展开
-
Metronic+angular8 1. 学习—如何在angular8项目中嵌入Metronic
关于如何在angular8项目中嵌入Metronic,找了很久,后来才明白,应该是没什么办法。因为Metronic是付费的UI框架,所以买了之后会有一个文件夹,如下图所示:这个文件夹中有很多angular的demo,如下图:每个demo都是一个完整的angular8项目,随便选一个喜欢的,npm install 下载依赖,然后删掉多余的内容就可以了,在这个demo的基础上改动,...原创 2019-12-21 16:00:48 · 906 阅读 · 0 评论 -
Metronic+angular8 2. 学习—修改左菜单栏按钮内容
1. 菜单栏按钮内容所在文件路径demo1\src\app\core\_config\menu.config.ts2. 如果菜单栏按钮是前端写的,写死的,就在上边的文件中修改一下就好;如果菜单栏按钮内容是由后台获取的,那么就这样干:demo1\src\app\core\_base\layout\services\menu-aside.service.ts在上边的文件中,从接口获取到菜单...原创 2019-12-21 16:31:02 · 185 阅读 · 1 评论 -
angular8监听路由变化
angular8监听路由变化 ngOnInit() { this.listenRouterChange(); } listenRouterChange() { this.rooterChange = this.router.events.pipe( filter(event => event instanceof NavigationEnd) ).subscribe((res: any) => { console.log(8888888);原创 2020-06-17 10:35:43 · 1946 阅读 · 0 评论 -
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
angular项目 ng serve 运行报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me。原创 2023-04-11 11:45:15 · 328 阅读 · 0 评论 -
angular8 — 数据更新但页面不刷新
import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';@Component({ selector: 'kt-investor-investment', templateUrl: './investor-investment.component.html'...原创 2020-03-07 16:40:16 · 5112 阅读 · 0 评论 -
angular8 — 父子组件之前的通信
1. 子组件传值给父组件子组件:invest-profile-left.component.ts(子组件的html页面不需要其他操作)import { Component, OnInit, Output, EventEmitter } from '@angular/core';@Component({ selector: 'kt-invest-profile-left', temp...转载 2020-03-07 16:28:31 · 498 阅读 · 0 评论 -
angular项目报错 ‘StaticInjectorError(AppModule)[RouterOutlet -> ChildrenOutletContexts]: ’
解决方案:app.module.tsimport { RouterModule } from '@angular/router';@NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, FormsModule, ReactiveFormsModule, RouterModul...原创 2019-05-17 19:09:12 · 1861 阅读 · 0 评论 -
angular项目报错 ‘router-outlet’ is not a konwn element
解决方案app.component.spec.ts中import { RouterTestingModule } from '@angular/router/testing'; //引入这一行describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTesting...原创 2019-05-17 19:04:16 · 4422 阅读 · 0 评论 -
angular6导出Excel文件
参考: https://blog.csdn.net/qq_39252501/article/details/796563171. 下载依赖:file-saver和xlsxnpm install file-saver --save npm install @type/file-saver --save-devnpm insatll xlsx --save2. 在组件的ts文件中引入这两个...原创 2018-12-01 12:04:11 · 3841 阅读 · 0 评论 -
新建一个angular项目后,创建组件及配置路由
其实这些步骤angular官网上写的很详细,可以去官网看哦~1. 创建一个新的angular项目ng new appname --name appname2. 创建路由配置文件ng generate module app-routing --flat --module=app生成的 app-routing.module.ts 和 app-routing.module.spec.t...原创 2018-11-17 16:25:25 · 7423 阅读 · 0 评论 -
Ubuntu环境下搭建angular6、7、8运行环境
Linux下搭建angular运行环境所有命令皆在终端窗口执行1. 下载nodejs安装包需要注意的是一定要在nodejs的官网下载,千万不能在中文官网上下载,我第一次在中文官网上下载的安装包在安装angular的时候出现了很大的问题,只能卸了重装当然也可以用命令安装啦,但是我懒的搞还有就是,npm是和nodejs一起发布的,所以安装了nodejs,就会自动安装npm2. 解压no...原创 2018-11-17 15:18:39 · 1375 阅读 · 0 评论 -
angular6用命令ng new appname新建文件时报错
刚接触angular,安装的版本是angular6,新建项目时用命令 ng new appname 报错解决方法:ng new appname --name appname注 : appname是自己新建项目的名字,–name是必须加的后缀...原创 2018-11-17 12:18:22 · 980 阅读 · 0 评论