qq_40020447的博客

前言由于演示需要，需要将Angular项目部署到静态网页中，供他人浏览查看。此项目没有任何与后端交互功能，因此，带API交互的不知道能否成功部署；项目 Angualr版本为7第1步更改index.html 文件将 <base href="/" > 改为 <base href="" />第2步更改app-routing.module.ts 文件配置如下：RouterModule.forRoot(routes,{useHash:true}第3步编译打包

写在前面本文内容仅为个人记录，不一定适用所有读者；本人技术水平有限，很多知识并不懂，所以内容对有的大佬来说很肤浅；准备工作用到了docker，因为我自己本地电脑跑 build 会报错，实在解决不了；勿喷，谢谢；最终成果展示一. 环境及工具win10Angular 7.1.0dockerdocker 镜像 ：kodear/angular7vsCode正文开始1. 准备docker环境Tips: 如果你本地能跑起angular项目，并build不会报错的话，可以不需要

前言    顾客就是上帝,为顾客解决需求，是我们打工人的责任。那么需求来了。顾客要求在上一个页面操作后，状态依然保存。注：可能本文内容不严谨但是确实做了如下效果后，路由缓存就实现了，真的是很无脑，相当于0代码。。。。。。效果目录正文一、创建route-strategy.service.ts文件import { Injectable } from '@angular/core';import { RouteReuseStrategy, Detach

前言    客户需求：某块内容能拖动改变顺序。网上也找过第三方组件，但是没用成功，可能是姿势不对于是就发现了angular 自带的拖动组件。注：本文记录简单的使用，并没有太多的理解。更多用法，看官网吧===>angular官网拖动结果演示目录一、xxx.module.ts 中相关操作二、xxx.components.ts 中相关操作三、xxx.components.html 中相关操作正文一、xxx.module.ts 中相关操作1. 关键代码...import { Dr

前言1. 我使用的angular，内容同样适用于Vue,React2. 基于es6 的 promise 的特性思路将每个请求封装成promise对象，当请求到数据后都resolve出去，再调用Promsie.all方法将每个promise对象作为参数传入进去。这样每个api的promise对象状态都resolve“解决后”，就能在 Promise.all([p1,p2…p]).then中拿到所有api请求完成的状态，从而实现效果。效果请求中所有api请求完成3 .所有api请求时长之

前言 发布订阅模式，给任意关系的组件之间（传值，通知对方执行方法）提供了极大的便利（父子，孙子，兄弟）， 它不用考虑组件之间的调用关系，因此非常方便。正文1. 定义share-msg.service.ts文件import { Injectable } from '@angular/core';import { Observable, Subject } from 'rxjs';@Injectable({ providedIn: 'root'})export class ShareM

一、A文件传递参数import { Router } from '@angular/router';...private router: Router... navgateToResourcePage(){ //参数必须是queryParams 其他都不可以 let extraDataObj={ queryParams:{ barcode:"233333" } }; this.router.navigate(['main/resource_page'],extraDa

目录一、 前言二、 正文2.1 下载viewerjs2.2 引入到Angular项目中2.3 封装成组件2.4 其它地方调用一、前言项目中需要对图片进行缩放，旋转，拖动操作，无奈自身技术有限，加上原生方法太多，于是找到组件viewerjs，可惜的是，它不支持angular直接导入。先来看一下成功之后的效果：由于公司项目，怕泄露太多信息，所以截图成这样了。它下面的操作按钮是一张雪碧图。正文2.1 下载viewerjs下载这个库的方式有很多，可以去官网下载，也可以像我一样懒一点直接

前言公司项目需要将数据导出成excel，同时还要附带echarts生成的图表，在大佬的指点下实现了，这一需求，感谢那些帮助过我的人！在这之前：我假设你使用的angular开发，图表使用的是echart。展示的代码仅供参考，具体要以你实际项目需求为准，因为我并不能将我所有代码全部贴出来。如果文中有什么错误的地方还请批评指正成果展示ps:我的马赛克跟没打一样。正文一、环境介绍开发环境操作系统 windows框架：Angular7IDE：vsCode关键依赖库stream@

日期：2021/05/08错误： ”Data path “.builders[‘app-shell’]” should have required property ‘class’“解决：cnpm install @angular-devkit/build-angular@0.13.8 @angular-devkit/build-ng-packagr@0.13.8错误： ”Less Loader has been initialized using an options object th

入门总结（echarts篇）要放假了，赶紧总结一下，不然都忘光了正文1.安装、创建、运行hello wordhello word 走这个2.记录下零散的知识1. 更新图表中的数据有时候在 服务中更新了数据，但是发现重新给optiios 赋值，并不会改变echarts的内容，我猜测：因为echarts通过option绘制出canvas，所以本地服务中数据改变，但是没有告诉echarts说，你给我重新绘制一个canvas 吧，所以解决如下<div [class]='isFadeMode?

入门总结（ng-zorro篇）要放假了，赶紧总结一下，不然都忘光了正文关于ng-zorro1.安装、创建、运行hello word前提：你已经安装并运行过angular项目创建一个新的ng项目ng new <app-name> 添加ng-zorrong add ng-zorro-antd 出现询问的时候，选择sidemenu，这样有个基础模板更方便看代码。运行ng s -o #运行服务，并在浏览器打开2.提前避免一些问题在根目录下创建 core/ng-zorr

入门总结（angular篇）要放假了，赶紧总结一下，不然都忘光了正文关于Angular1.安装、创建、运行hello wordnpm install -g @angular/cling new <app-name> 补充："–skip-install" 跳过package.jsom.dependencies下声明的包安装（npm install），因为有时候网络环境那啥，最后的结果就是吃力不讨好。然后 cd <app-name> && npm in

以下内容来源与网络原文链接: link.10个随机数相加等于100换成生活中的场景，就是一百个苹果分给十个人，我们可以一个一个的取出，随机分给某个人，直到分完在js里面，十个人即是一个长度为十的数组，每次数组随机一个位置加一，执行一百次var arr = new Array(10).fill(0)for(var i=0;i<100;i++){ var num = parseInt(Math.random()*10) arr[num] ++}console.

可以考虑如下两个方面1. 在离 使用echart的component 对应最近的一个module中 是否import 了echarts，并在@NgModule.imports中添加2.当前使用echarts的component 是否在 最近的 moudule中 声明（@NgModule.declarations）运行结果总结如下1. echarts 哪里需要就在哪里引入（对应的module中）我在 app.moudle.ts 将其注释能正常使用2.1 要渲染的component 需要

一、npm 安装 这三个npm install echarts --save //echarts的npm包npm install ngx-echarts --save //因为echarts 是js 的，所以需要这个来适配 tsnpm install @types/echarts -D //这个不知道什么作用，还没了解二、app.moudule.ts 中操作import 引入@NgModule中 import...import { NgxEchartsModule } from '