angular - 随笔分类 - 哈哈哈~_~

pdf在线预览 ng2-pdf-viewer的运用

摘要：angular项目在线预览PDF 1 安装 ng2-pdf-viewer yarn add ng2-pdf-viewer 2 在项目中添加 import { NgModule } from '@angular/core'; import { PdfViewerModule } from 'ng2-p 阅读全文

posted @ 2022-09-15 17:06 哈哈哈~_~ 阅读(2355) 评论(0) 推荐(0)

angular单例服务

摘要：angular 单例默认情况下，Angular CLI 命令 ng generate service 会通过给 @Injectable() 装饰器添加 providedIn: 'root' 元数据的形式，用根注入器将你的服务注册成为提供者。 import { Injectable } from ' 阅读全文

posted @ 2022-01-27 16:58 哈哈哈~_~ 阅读(319) 评论(0) 推荐(0)

微前端-angular+qiankun+single-spa

摘要：什么是微前端？主应用配置采用 Angular 作为主应用基座，接入不同的子Angular项目构建angular主应用基座使用angular cli生成angular项目 ng new main 在主应用中安装 qiankun yarn add qiankun -D 将普通的angular项目改阅读全文

posted @ 2022-01-21 18:07 哈哈哈~_~ 阅读(1328) 评论(0) 推荐(0)

升级包时遇到的坑

摘要：angular 版本10.2.0 更新自定义的lib包时报错分析：是ng-lazyload-image包的版本与angular/core的版本对不上查看ng-lazyload-image的版本，是9.1.1的去npm网站查看，果然更新了查看ng-lazyload-image的版本9.1.1 阅读全文

posted @ 2022-01-06 14:04 哈哈哈~_~ 阅读(60) 评论(0) 推荐(0)

Angular 学习

摘要：学习网站： https://www.bookstack.cn/read/Angular2-Training-Book/README.md Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令在Angular中自定义Webpack配置 angular2 阅读全文

posted @ 2021-11-30 11:58 哈哈哈~_~ 阅读(174) 评论(0) 推荐(0)

angular中的<base>标签与图片路径处理

摘要：html中的<base>标签 <base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有阅读全文

posted @ 2021-11-26 15:08 哈哈哈~_~ 阅读(820) 评论(0) 推荐(0)

代码检测

摘要：https://www.wenjiangs.com/article/0179b9a0e928.html https://blog.csdn.net/cookcyq__/article/details/125457031 检测代码的工具很多，主要分为三类：一类是代码格式化工具，专注代码结构美化，不处阅读全文

posted @ 2021-10-26 17:30 哈哈哈~_~ 阅读(288) 评论(0) 推荐(0)

angular10项目支持IE11

摘要：在 Angular 10 中，已经弃用 IE 9、10 和 IE mobile 支持， v11 版本中将完全删除 IE 9、10 和 IE mobile 支持如何支持IE11 1 修改polyfill.ts 安装npm install --save classlist.js 没用到web-anim 阅读全文

posted @ 2021-10-22 16:49 哈哈哈~_~ 阅读(191) 评论(0) 推荐(0)

angular变更检测和onPush策略

摘要：变更检测当组件实例化之后，Angular 就会创建一个变更检测器，它负责传播组件各个绑定值的变化。该策略是下列值之一： ChangeDetectionStrategy#OnPush 把策略设置为 CheckOnce（按需）。 ChangeDetectionStrategy#Default 把策略阅读全文

posted @ 2021-10-12 09:52 哈哈哈~_~ 阅读(573) 评论(0) 推荐(0)

初始化angular项目常用命令

摘要：1 生成项目 ng new xxx --createApplication=false --directory=frontend --interactive=false --createApplication=false参数避免创建初始应用程序（默认值为true）。否则，Angular CLI sr 阅读全文

posted @ 2021-05-19 11:57 哈哈哈~_~ 阅读(192) 评论(0) 推荐(0)

前端解析Excel文件

摘要：前端解析Excel文件 import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { LazyResult, LazyService } from './ 阅读全文

posted @ 2021-04-28 15:06 哈哈哈~_~ 阅读(745) 评论(0) 推荐(0)

可视化分析包大小的插件webpack-bundle-analyzer

摘要：一，作用将打包的项目以可视化的形式展现到浏览器上，并展示打包项目的名称大小等二，安装 yarn add webpack-bundle-analyzer 三，使用在终端执行 ng build --help 可以看到参数--stats-json 作用是生成stats.json 在项目的packag 阅读全文

posted @ 2021-04-28 14:41 哈哈哈~_~ 阅读(369) 评论(0) 推荐(0)

angular-子组件属性顺序

摘要：有bug前 <app-letter [(processDetail)]="workflowInfo" [(taskId)]="processId" [(workflowTemplateId)]="workflowTemplateId" [(activityCode)]="activityCode"> 阅读全文

posted @ 2020-12-07 15:31 哈哈哈~_~ 阅读(136) 评论(0) 推荐(0)

angular监听路由

摘要：// 声明订阅对象 routerChange: Subscription; // 发生变化是才会触发，初始化时不会触发 ngOnInit() { this.routerChange = this.router.events.subscribe((event) => { if (event insta 阅读全文

posted @ 2020-09-08 17:49 哈哈哈~_~ 阅读(434) 评论(0) 推荐(0)

Angular笔记--DomSanitizer

摘要：DomSanitizer通过清理在不同DOM上下文中安全使用的值，帮助防止跨站点脚本安全漏洞（XSS） abstract sanitize(context: SecurityContext, value: SafeValue | string | null): string | null; abst 阅读全文

posted @ 2019-12-12 10:26 哈哈哈~_~ 阅读(935) 评论(0) 推荐(0)

Angular笔记--HttpClient-与服务器通讯

摘要：大多数前端应用都需要通过 HTTP 协议与后端服务器通讯。现代浏览器支持使用两种不同的 API 发起 HTTP 请求：XMLHttpRequest 接口和 fetch() API。 @angular/common/http中的HttpClient类为 Angular 应用程序提供了一个简化的 API 阅读全文

posted @ 2019-06-06 14:59 哈哈哈~_~ 阅读(835) 评论(0) 推荐(0)

Angular笔记--引用第三方JavaScript 类库

摘要：项目：使用NG-ALAIN，是基于 Angular 和 NG-ZORRO（Ant Design 的 Angular 版本）基础组件库的中后台前端解决方案引用第三方JavaScript 类库，以引入 driver.js 操作指引为例 1 安装依赖包安装完成，node_module会增加driv 阅读全文

posted @ 2019-06-04 17:27 哈哈哈~_~ 阅读(1680) 评论(0) 推荐(0)

随笔分类 - 前端框架及相关 / angular