分享
扫一扫
超级会员免费看
沉默是金~
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular 最新版本和 Vue 对比完整指南
默认语言 | TypeScript | JavaScript/TypeScript。数据处理 | RxJS | Promise/async/await。ngOnDestroy | unmounted | 组件销毁。ngOnInit | created | 组件初始化。架构特点 | 依赖注入，严格规范 | 灵活，轻量。生态系统 | 完整，自成体系 | 丰富，灵活。框架类型 | 完整框架 | 渐进式框架。特性 | Angular | Vue。Angular | Vue | 说明。// Angular 组件。原创 2025-01-07 16:22:59 · 766 阅读 · 0 评论 -
qiankun微应用的实现
快速上手 - qiankunhttps://qiankun.umijs.org/zh/guide/getting-started#2-%E5%9C%A8%E4%B8%BB%E5%BA%94%E7%94%A8%E4%B8%AD%E6%B3%A8%E5%86%8C%E5%BE%AE%E5%BA%94%E7%94%A8原创 2022-01-07 10:16:53 · 444 阅读 · 0 评论 -
Angular10快速上手使用参考文档总结
安装angular_cli 升级版本等在其他文章里讲过可以先去看一下读这篇文章之前可以参考这几篇文章什么是Angular:https://angular.cn/guide/setup-localhttps://angular.cn/guide/setup-local什么是ngModule:angular 模块 @NgModule的使用及理解_SunShinessx的博客-CSDN博客_ngmodule@NgModule 的重要作用在 Angular 中，NgModule 有以下几..原创 2021-11-09 11:44:09 · 694 阅读 · 0 评论 -
Angular10 路由取参两种方式
1、单纯取参数值demo.html <a routerLink="/notice/notice" [queryParams]="{noticeType: selectedIndex===0?'1':'2'}" target="_blank">更多<i nz-icon nzType="double-right" nzTheme="outline"></i></a>demo.tsprivate routeInfo:Activa原创 2021-11-04 10:50:03 · 645 阅读 · 0 评论 -
angular10 从一个系统跳转另一个系统路由参数丢失问题解决方案
<!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="renderer" content="webkit" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-.原创 2021-10-11 11:32:16 · 571 阅读 · 0 评论 -
鼠标悬浮元素边框加载动画效果（两种）一种360旋转 一种上右下左同时出现
.draw { -webkit-transition: color 0.25s; transition: color 0.25s; } .draw::before, .draw::after { width: 0; height: 0; border: 2px solid transparent; } .draw::before { top: 0; left: 0; } .draw::after { r.原创 2021-09-09 14:12:14 · 440 阅读 · 0 评论 -
Angular10+wow.js+animate.css实现滚动动画
1、npm 下载依赖插件npm install --save wowjsnpm install --save ngx-wow2、在angular.json里追加animate.css 和wow.js "styles": [ "./node_modules/animate.css/animate.css" ], "scripts": [ "./node_modul原创 2021-09-09 09:26:39 · 401 阅读 · 0 评论 -
Angular10+ElementRef 实现复制功能
1、首先初始化elementRefconstructor( private elementRef: ElementRef ) { }2、复制内容3、copyData() { const copyEl = this.elementRef.nativeElement.querySelector('#copyData'); const range = document.createRange(); range.selectNode(c..原创 2021-09-02 16:23:47 · 579 阅读 · 0 评论 -
angular10 设置页面标题
this.router.events.pipe(filter(evt => evt instanceof NavigationEnd)).subscribe(() => { this.titleSrv.setTitle('平台运营'); this.modalSrv.closeAll();});原创 2021-08-25 09:17:53 · 406 阅读 · 0 评论 -
Angular10+Ueditor 后端配置项没有正常加载，上传插件不能正常使用问题解决方案（多图）以及 单图上传修改方案
Ueditor 后端配置项没有正常加载，上传插件不能正常使用问题解决方案1、2、34原创 2021-07-26 15:42:04 · 753 阅读 · 1 评论 -
angular10 html转pdf预览 DomSanitizer安全策略
<iframe [src]="previewNoticePdfUrl" frameborder="0" style="width: 100%; height: 400px"></iframe>核心代码this.sanitizer.bypassSecurityTrustResourceUrl(url);import { Component, Input, OnInit } from '@angular/core';import { DomSanitizer }..原创 2021-06-29 17:36:49 · 414 阅读 · 0 评论 -
angular10 No provider for NgControl!
1、报如下错误2、3、确少[(ngModel)]="query.name"原创 2021-04-25 09:00:49 · 2178 阅读 · 0 评论 -
angular10 nz-date-picker 日期选填范围禁用案例
案例：当前月和之前月不能点击html:<nz-date-picker name="fillInDate" [(ngModel)]="queryForm.fillInDate" [nzDisabledDate]="disabledDate" (ngModelChange)="search()" nzMode="month" class="luban-width-100"></nz-date-picker>ts：this.today = '2021-04'原创 2021-03-24 19:30:06 · 1471 阅读 · 0 评论 -
angular10 返回上一页 解决路由刷新问题
1、跳转路由时添加参数 unReload: true2、routes.routing.module.ts中要在跳转的路由配置中添加 data:{keep:true}原创 2021-03-19 18:17:59 · 2331 阅读 · 2 评论 -
anglaur10 复选框值改变触发
(nzCheckedChange)='方法名'原创 2021-03-18 08:39:14 · 345 阅读 · 0 评论 -
angular10 表单表格动态赋值 单个赋值
1、表单this.form.patchValue(data)2、表格this.items.at(i).patchValue({'字段值'})原创 2021-03-18 08:36:05 · 756 阅读 · 0 评论 -
angular10 右键添加下拉菜单
menu对应的下拉菜单用nzContextMenuService 创建菜单原创 2021-03-10 10:24:57 · 594 阅读 · 0 评论 -
angular10 ERROR Error: If ngModel is used within a form tag, either the name attribute must be set
确实name属性原创 2021-03-04 16:18:10 · 324 阅读 · 2 评论 -
angular11 版本升级
安装Angular cli 指定版本号 npm install -g @angular/[email protected] Angular cli升级（如果版本低于8.3.12，请按下面方式升级) 升级方式一：npm uninstall -g @angular/clinpm install -g @angular/[email protected] 升级方式二：npm install -g npm-upgradenpm update -g @angular/[email protected] ...原创 2021-02-04 11:57:09 · 2036 阅读 · 0 评论 -
angular8 隐藏浏览器路由参数信息
把skipLocationChange: true 设置为truethis.router.navigate([router],{ skipLocationChange: true}).then();原创 2021-02-02 11:22:27 · 1474 阅读 · 0 评论 -
Vue、angular10 post请求接口 下载文件
1、调用后台接口和传参 this.bizCommonConfigService.downLoadExcel(`${this.commonConfig.getTransactionUrl()}/refundOrder/downloadPdf`,params).then(()=>{ this.imgName = null});2、核心方法 downLoadExcel(downloadURl: string, query: any) { const datas = que...原创 2021-01-12 16:53:54 · 458 阅读 · 0 评论 -
angular10 nz-table只显示10条数据问题解决
[nzFrontPagination] ="'false'" 将分页设为false即可原创 2020-12-24 10:47:22 · 1225 阅读 · 0 评论 -
angular10 *ngIf else 用法
*nfIf="xxxxx;else xxx"#模板标志原创 2020-12-23 14:29:17 · 1519 阅读 · 0 评论 -
angular10 nz-table点击选中行添加样式
1、如下图所示 点击nz-table中的某一行添加样式2、如何实现 只需要动态绑定点击行的i 添加样式[nzClass] luban-table-row-selected 改成自己定义的样式即可 就是添加个背景色原创 2020-12-22 09:59:40 · 1979 阅读 · 0 评论 -
angular10 DatePipe 日期格式化 亲测可用
1、引入DatePipe2、初始化3、使用原创 2020-12-17 19:37:00 · 1612 阅读 · 0 评论 -
angular10 动态绑定class来禁用a标签
由于[disabled] 在a标签上是失效的所以考虑用class绑定到a标签上来禁用添加styles样式：a.disabled { pointer-events: none; filter: alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity: 0.5; /*Firefox私有，透明度50%*/ opacity: 0.5; /*其他，透明度50%*/}html中动态绑定class:[ngClass]=“.原创 2020-12-16 10:51:49 · 894 阅读 · 0 评论 -
Angular10 No component factory found for XxxComponent. Did you add it to @NgModule.entryComponents?
No component factory found for XxxComponent. Did you add it to @NgModule.entryComponents?以上面的例子看字面意思是没有添加OrganizationTreeHelpComponent这个模块如果这个模块是弹窗的模块，则需要注册到routes.module.ts的COMPONENTS_NOROUNT中如果只是注册在COMPONENTS中还是会报没有注册错误如果是普通模块不是弹窗模块的话...原创 2020-12-15 16:35:18 · 1766 阅读 · 0 评论 -
angular10 添加单个样式和引入样式文件
在ts中引入单个样式 在@Compoent中用styles在ts 中引入样式文件 用styleUrls原创 2020-12-15 11:32:28 · 586 阅读 · 0 评论 -
angular10 从私服中安装依赖
npm config set registry http://xx.xx.xx.xx:8081/repository/npmnpm login --registry=http://xx.xx.xx原创 2020-12-14 14:21:50 · 287 阅读 · 0 评论 -
angular10 动态绑定样式
<td nzEllipsis> <div style="display: inline-flex"> <a [ngStyle]="{'color':data.fdfsFileName!=undefined?'#ccc':'#1890ff','line-height': '32px','cursor':'pointer'}" ><input style="border: 0px;background: transparent;width: 33px...原创 2020-12-11 14:42:49 · 1302 阅读 · 0 评论 -
angular10 报错信息之 Can‘t bind to ‘ngForOf‘ since it isn‘t a known property of ‘tr‘. (“
在当前的根模块中 导入CommonModule即可原创 2020-12-11 11:14:43 · 2767 阅读 · 0 评论 -
angular10 NG-ZORRO ‘nz-table‘ is not a known element:报错问题
把当前ts 引入到当前根模块中问题解决！原创 2020-12-11 11:12:21 · 6231 阅读 · 1 评论 -
angular10 Ant Design 之 ng-zrror input输入框回车弹出button对应的事件问题解决
button设置type=button 问题解决原创 2020-11-25 12:03:45 · 752 阅读 · 0 评论 -
angular 深度渲染 ng-deep
vue 之前用的 <<<放在angular上面渲染样式是无效的改成 ng-deep即可原创 2020-11-23 16:58:34 · 1564 阅读 · 1 评论 -
ngModleChange Maximum call stack size exceeded
栈溢出问题都是递归调用一个方法导致栈溢出检查是否重复调用一个函数原创 2020-11-11 16:04:05 · 267 阅读 · 0 评论 -
Angular10 路由跳转以及传参取参
1、this.route.navigate跳转路由queryParams后面添加参数获取路由的参数初始化route实例this.route.snapshot.queryparams.参数名获取原创 2020-11-06 10:37:31 · 1212 阅读 · 0 评论