随笔分类 -  angular

angular 部署的项目自定义访问路径，不使用root根目录的配置（打包后，打开index.html页面是空白的问题）
摘要：https://blog.csdn.net/home_zhang/article/details/100514875 因为路由和文件路径不对引起的报错 配置方法如下（以项目名称为admin为例）： 需要注意的地方，html中引用的静态文件要从assets开始写，不可以使用相对路径，例如: <img 阅读全文
posted @ 2021-04-28 13:54 秦笑 阅读(1046) 评论(0) 推荐(0)
ERROR Error: unsafe value used in a resource URL context
摘要：在组件里面引入angular内置的DomSanitizer模块 import { DomSanitizer } from '@angular/platform-browser'; 1 ####在构造器里面定义属性 constructor(private sanitizer: DomSanitizer 阅读全文
posted @ 2020-11-30 18:33 秦笑 阅读(1027) 评论(0) 推荐(0)
angularjs7 部署文件过大解决
摘要：angular 常出现的问题集合：https://blog.csdn.net/muguli2008/article/details/105653433/ 我们一般用 ng build 打包，然而打包出来的文件 vendor.js 内存过大，导致页面渲染花的时间较长； 打包是有模式可以选择的， 打包是 阅读全文
posted @ 2020-09-15 11:30 秦笑 阅读(1320) 评论(0) 推荐(0)
angular7 - route
摘要：interface Route { path?: string pathMatch?: string matcher?: UrlMatcher component?: Type<any> redirectTo?: string outlet?: string canActivate?: any[] 阅读全文
posted @ 2020-06-02 11:03 秦笑 阅读(247) 评论(0) 推荐(0)
NgModule
摘要：/*这些是JavaScript导入语句。angular对此一无所知。*/ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { Fra 阅读全文
posted @ 2020-06-02 10:43 秦笑 阅读(166) 评论(0) 推荐(0)
angular 的依赖注入
摘要：服务是 Angular 应用的重要组成部分。在 Angular 中，服务是一个类的实例，它可以借助 Angular 的依赖注入系统来让应用中的任何一个部件都能使用它。 新建服务 import { Injectable } from '@angular/core'; @Injectable({ pro 阅读全文
posted @ 2020-06-02 10:42 秦笑 阅读(318) 评论(0) 推荐(0)
Angular table 的 colspan rowspan 的动态绑定
摘要：[attr.rowspan]="item.rowspan" [attr.colspan]="item.colspan" 阅读全文
posted @ 2020-05-27 17:58 秦笑 阅读(1456) 评论(0) 推荐(0)
Angular 创建 可观察对象（Observable）
摘要：message.service.ts // 创建可观察对象 import { Injectable } from '@angular/core'; import {Observable} from 'rxjs'; import { Subject } from 'rxjs'; @Injectable 阅读全文
posted @ 2020-05-20 12:37 秦笑 阅读(1262) 评论(0) 推荐(0)
angular [NgClass] [NgStyle]，NgIf，[ngSwitch][ngSwitchCase]
摘要：[NgClass] CSS 类会根据表达式求值结果进行更新，更新逻辑取决于结果的类型： string - 会把列在字符串中的 CSS 类（空格分隔）添加进来， Array - 会把数组中的各个元素作为 CSS 类添加进来， Object - 每个 key 都是要处理的 CSS 类，当表达式求值为真的 阅读全文
posted @ 2019-12-04 14:15 秦笑 阅读(787) 评论(0) 推荐(0)
angular - ngFor, trackby
摘要：ngFor ngForOf指令通常使用缩写形式*ngFor为集合中的每个项呈现模板的结构指令。该指令放置在元素上，该元素将成为克隆模板的父级。 <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li> 一般使用是： 阅读全文
posted @ 2019-12-04 11:45 秦笑 阅读(2700) 评论(0) 推荐(0)
SheetJS js-xlsx 的使用， exceljs
摘要：js-xlsx 官方文档：https://sheetjs.gitbooks.io/docs/#sheetjs-js-xlsx npm xlsx地址：https://www.npmjs.com/package/xlsx 官网：https://sheetjs.com/opensource 首先进行安装或 阅读全文
posted @ 2019-12-02 15:19 秦笑 阅读(26974) 评论(0) 推荐(3)
angulart 常用
摘要：angular: 使用 echarts npm install echarts --save // 安装declare const echarts: any; // 引入https://www.echartsjs.com/zh/index.html // 使用 angular 生成二维码# Angu 阅读全文
posted @ 2019-11-28 15:16 秦笑 阅读(189) 评论(0) 推荐(0)