angular
文章平均质量分 66
蒋桐城
泛Java技术爱好,php、Python、Angular、Vue等。
展开
-
Angular自动生成组件文档-基于Compodoc
官方文档https://compodoc.app/安装npm install -g @compodoc/compodoc项目文件根目录下创建tsconfig.doc.json文件{ "include": ["src/**/*.ts"], "exclude": ["src/test.ts", "src/**/*.spec.ts", "src/app/file-to-exclude.ts"]}修改根目录下的package.json文件"scripts": { "compodoc原创 2021-12-19 20:11:13 · 566 阅读 · 0 评论 -
Angular 生产打包 清除控制台打印console语句
开发过程中为了调试方便,开发者会在代码中增加很多console语句。在ng build --prod打包后,如果不希望这些语句展示到最终客户的浏览器。可以通过在main.ts中增加如下代码,达到效果:if (environment.production) { enableProdMode(); if(window) { window.console.log = function...原创 2019-02-01 10:49:42 · 1960 阅读 · 0 评论 -
Angular build 压缩js文件
ng build –prod使用ng build --prod进行生产环境打包,会自动使用UglifyJS进行js文件压缩,减轻网络加载。使用UglifyJS压缩由于各种原因(prod检查非常严格),ng build –prod命令可能无法成功。 这种情况下,可以使用UglifyJS来手工压缩文件较大的文件。例如可以压缩dist下文件最大的两个js文件,压缩后的文件名保持不变:...原创 2018-08-25 23:10:40 · 3178 阅读 · 0 评论 -
Angular 5 build 避免浏览器缓存
ng build –prod使用ng build --prod即可完成生产环境构建。观察dist文件夹,发现所有js文件名中间都会加上文件的hash值,从而避免浏览器缓存导致发布无效。ng build –output-hashing=all由于各种原因(prod检查非常严格),ng build --prod命令可能无法成功。 使用--output-hashing=all参数即可。...原创 2018-08-25 22:55:59 · 4156 阅读 · 0 评论 -
Angular 4/5 实现七牛云上传
利用Angular的组件式开发,将附件上传功能做成独立的一个模块,在其他功能中可以共用这个组件。 本示例只实现单文件上传功能。hmtl代码<div class="col-sm-12 uploadBody"> <div class="uploadHeader"> <span>上传文件</span> <原创 2018-07-28 12:06:18 · 754 阅读 · 2 评论 -
Angular 4/5 form表单select初始化选中(简单string和复杂对象)
1.问题场景管理员增删改查中的“改”操作。管理员有性别(sex)和岗位(position)属性。其中,性别在后端为枚举类型,position为类。 要求进入管理员修改页时,自动选择性别,通过接口获取所有岗位,并自动选中当前管理员的岗位。2.实现思路在组件的ngOnInit()方法中,首先使用FormBuilder构建表单。然后分别通过管理员查询接口和岗位列表查询接口,获取当前管理员的...原创 2018-05-29 17:21:16 · 3555 阅读 · 2 评论 -
Windows服务器Jenkins部署Angular项目执行npm ng 命令异常
场景描述构建一个自由风格的软件项目,选择对应的源码管理。每次构建时,Jenkins自动将最新的代码更新到workspace。然后通过增加构建步骤,执行npm install和ng build等命令,完成自动发布工作。问题描述增加构建步骤,选择“Execute Windows batch command”,增加npm install命令。构建时出错如下: C:\Jenkins\w...原创 2018-05-05 15:40:32 · 2150 阅读 · 0 评论 -
npm install Unexpected token in JSON at position XXX
问题描述执行npm install命令时出错,查看日志发现: Unexpected token < in JSON at position 183718解决方法删除根目录下package-lock.json文件参考Install error: Unexpected token < in JSON at position 35 #17340...原创 2018-05-05 15:25:15 · 10109 阅读 · 1 评论 -
angular-cli styles 全局样式引用无效
开发环境webstormnodeangularangular-clinpm(cnpm)使用angular-cli 引入全局css样式:"styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.css" ],发现页面没有加载任何bootstrap样式,但是npm start时没有报错,能正常原创 2017-11-27 23:39:46 · 4648 阅读 · 5 评论 -
Angular4 异常:No provider for ControlContainer
异常描述使用ReactiveFormsModule,控制台报错如下: No provider for ControlContainer 解决方案在app.module.ts中除了要导入ReactiveFormsModule外,还需要导入FormsModule:参考http://international.github.io/2017/04/18/16-34-angular4_No_provide转载 2017-12-09 15:39:58 · 3242 阅读 · 4 评论