1. angular8.1.1 ----- package.json { "name": "angular-demo", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build"…

背景:使用angular8安装的 Fuse-v8.0.0-demo 后台的框架 锚点: id='nearby' 流程:无论是点击触发方法也好,还是直接调用方法也好,这里只写 引入: import {Component, ViewEncapsulation, OnInit, OnDestroy, ElementRef, ViewChild, AfterViewInit} from '@angular/core'; import {FusePerfectScrollbarDirective} fro…

1.前端测试代码angular8 // 测试代码 testCookie() { const url = 'http://10.11.11.11:3000/test/cookie' const params = {a:1} // {withCredentials: true} 这个是重点!!!! this.http.post( url,{}, params, {withCredentials: true}).subscribe(_ => { console.log(_) }) } // 测试代码…

Angular8中共享模块,共享组件的写法(anular其他模块组件引用方法) 第一步:全局创建一个共享的module 这里示例创建一个模块common-share 创建完成后,会生成两个文件 文件1:common-share-routing.module.ts 文件2:common-share.module.ts 第二步:我们在模块下创建一个需要共享的组件 这里示例创建一个组件common-form-share-new 创建完成后会,会生成三个文件或者两个文件 文件1:common-form-…

在今天早些时候Angular团队发布了8.0.0稳定版.其实早在NgConf 2019大会上,演讲者就已经提及了从工具到差分加载的许多内容以及更多令人敬畏的功能.下面是我对8.0.0一些新功能的简单介绍,希望可以帮助大家快速了解新版本. 新功能 差分加载 根据您的browserlist 文件,在构建期间,Angular将为其创建单独的包polyfills.所以基本上你会有: 使用此功能将减小捆绑包大小. 但这是如何工作的? 基本上,Angular将使用polyfill构建其他文件,并且它们将注入…

1.首先我们对:angular的命令的安装 ng install -g @angular/cli的安装则会升级到最新的版本,并且再次创建项目的时候,我们就能够使用ng version查看到已经是最新的angular了:因为-g代表是全局安装的意思 2.我们对某个特定的项目进行升级: 一.先使用ng update 查看我们这个项目需要升级的依赖,(ng-zorro-antd是我使用的框架) 二.根据所显示的command to update进行升级 例如:先是ng update @angular/…

angular package 1.xlsx npm install xlsx --save 2.file-saver npm install file-saver --save npm install @types/file-saver --save 3.实现导出多个sheet的数据 exportExcel() { import("xlsx").then(xlsx => { // const worksheet = xlsx.utils.json_to_sheet(this.g…

问题: 上一个博客部署好了api之后,前端开始吊发现了跨域的问题. 接口地址: http://111.231.201.164/api/houses  服务器上使用的是nginx转发 数据: 前端angular请求 this.http.get('http://111.231.201.164/api/houses').subscribe((res: any) => { console.log(res); }); 目前测试用的Google 和 Firefox两个. Google  浏览器 需要注意的事…

版本: 1.自定义管道: example: 定义一个*ngFor 可以获取key值的管道 keyObject.pipe.ts // key value 管道 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'getKeys' }) export class keyValue implements PipeTransform { transform(value, args: string[]): any { le…

1.angular.json 文件中在architect 下添加 buildTest指令 距离位置 projects => (你的项目名称) => architect 下和 build 指令 serve 指令同级 "buildTest": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath"…