- 博客(56)
- 资源 (2)
- 收藏
- 关注
原创 angular中引用富文本编辑器Ueditor
Angular中使用ueditor富文本编辑器npm install ngx-ueditor --save把从官网下载下来的uediotor文件放在assets中在app.module.ts(在其他module.ts中也放一下,以防万一,我没试过)import { UEditorModule } from 'ngx-ueditor'; imports: [ UEditorModu...
2020-03-16 09:49:58
1963
1
原创 在angular中引入bpmn(5)【自定义扩展bpmn属性栏】
对于bpmn的一些扩展,最复杂的莫过于 自定义扩展属性栏 了,注意观察就可以发现,属性卡有很多标签页,每个标签页有很多属性,不同的元素属性还不同,因此,扩展bpmn属性相当复杂,大致可分为以下几种:新增一栏,针对全部元素新增一栏,针对个别元素在某一栏内,新增一个属性但是,扩展过属性栏的都知道,一个属性可以是一个输入框,单选框、同步异步,输入输出等等,很多很多花样,而且属性跟形成的bp...
2020-03-16 09:49:27
2059
转载 pre-commit hook failed (add --no-verify to bypass)
git提交报错,husky错误如果做H5项目,一般都有一些好用的模板,提交代码到github的时候,可能会报这个错误husky > pre-push hook failed (add --no-verify to bypass)。由于现在git可视化工具比较多,这个错误对于对git不了解的人来说非常不好解决。经过几天的查找,解决方式非常简单。出现这个问题一般都是用了网上的模板,写模板的人...
2020-03-16 02:26:19
725
原创 在angular中引入bpmn(4)【扩展bpmn工具栏】
当我们使用bpmn画图时,会发现它不止只有工具栏里面的那些基础图形,在点击“修改类型”时,发现还有很多工具,说明是可以在左侧工具栏直接把这些工具加上去的。扩展完的工具栏,这么长,哈哈哈哈哈!下面这个操作可以说是很有意思了,略微有点复杂,有时间可以试试1、首先建立一个文件夹(名为bpmn-tools,在后面(5)要用到),里面有3个js文件(都可以完全复制我的),名字你们随意,但是里面必须...
2020-03-16 01:48:40
1643
1
原创 在angular中引入bpmn(3)【汉化、引入中文包】
不管是引入基础bpmn,还是通过引入camunda扩展了属性栏,工具栏和属性栏都是英文的,对我这种英语渣渣,很痛苦了…这篇博客主要是讲如何引入汉化包,汉化bpmn的工具栏以及属性栏。只有几个步骤,不是很复杂,两个重要文件都可以直接复制1、创建一个文件夹,里面有两个js文件,名字你随意,我创建的(translate.js)(CustomTranslate.js)translate.js文件如...
2020-03-16 00:43:58
1063
转载 在angular中引入bpmn(2)【扩展bpmn属性栏】
还是要强调,我也是参照下面这个博主写的教程才学会使用的,可以先去看他的,他写的特别棒。BPMN-JS与Angular集成(1)BPMN-JS与Angular集成(2)BPMN-JS与Angular集成(3)我这个只能算自己的总结笔记,我其实对这些原理不是很清楚,只是明白操作步骤,算是以一个小白的视角来描述步骤1、扩展基础的bpmn属性栏,原生bpmn属性栏属性较少,可以通过引入Camu...
2020-03-16 00:08:17
1471
原创 在angular中引入bpmn(1)【引入基础bpmn】
因为之前公司的angular项目中需要用到bpmn,网上教程不多,这个算是我一边学一边的总结吧!我是参照下面这个博主写的教程才学会使用的:他写的特别棒BPMN-JS与Angular集成(1)BPMN-JS与Angular集成(2)BPMN-JS与Angular集成(3)我这个只能算自己总结一下在angular中引入bpmn的步骤:1、 首先在项目中使用两个命令:npm install ...
2020-03-15 15:22:31
1483
1
原创 关于angular路由跳转、传值总结
当遇到一下项目路由时候,如何正确书写路由跳转:要写一个跳转可以到达sample下方的filing页面,link写成link:'sample/filing'之前,一定要在routes-routing.module.ts文件中,写上关于sample这个模块的语句,这样link:'sample/filing'才有效果。可以实现跳转...
2020-03-14 12:59:56
264
原创 关于在ng-alain项目中快速新建项目
以下所有语法只需要cd到项目下就可以了1、建立模块,如同routes.module.ts/routes-routing.module.ts语法如下:ng g ng-alain:module abc表示在routes下面建立了一个名为abc的模块,最后routes下会形成一个文件夹,里面有两个文件(abc.module.ts和abc-routing.module.ts)2、若是想在abc文...
2020-03-14 01:35:33
543
转载 angular中使用Ace编辑器
原文网址angular中使用Ace编辑器首先使用下方命令安装acenpm i --save @nowzoo/ngx-ace导入(注意,若是组件较多,不仅要在app.module.ts中引入,还要在该组件下方的module.ts文件中导入)import { NgxAceModule } from '@nowzoo/ngx-ace';// ...@NgModule({ import...
2020-01-09 17:55:27
1458
3
转载 JSON数据转换成字符串,将字符串转化为JSON对象
JSON数据转换成字符串 JSON.stringify( ); 将字符串转化为JSON对象 JSON.parse();浏览器本地缓存
2020-01-09 14:17:09
493
原创 angular使用queryParams在两个页面间传值
A组件的数据可以在B组件中使用在A组件中import { Router } from '@angular/router'; constructor( private router: Router ) { } this.router.navigate(['system/news(页面B的路由)'],{ queryParams: { name(随意起): rec...
2020-01-09 13:05:04
2434
原创 NullInjectorError: StaticInjectorError(AppModule)[ModalHelper -> NzModalService]:
删除node_modules重新npm install
2020-01-08 14:23:49
3660
1
原创 Angular8、ng-alain的SF表单、使用markDown富文本编辑器
我新建了一个ng-alain项目作为演示,项目名为sf-demo,我直接在项目中的dashboard中用吧!使用前首先输入以下命令npm install ngx-simplemde --save在文件夹share下新建一个markdown文件,markdown文件下建一个markdown-widget.component.ts文件:markdown-widget.component....
2019-12-04 17:19:46
2588
2
原创 Port 4200 is already in use. Use '--port' to specify a different port
Angular中,关于端口被占用,一般项目端口号默认为4200,如果跑两个项目,就会报:Port 4200 is already in use. Use '--port' to specify a different port这就是端口号被占用了,我也找了很多解决办法,好像都没有成功,后来知道了:找到package.json这个文件,搜索start找到:改成下面这样(其中4201也可以...
2019-11-29 10:38:28
886
原创 Angular中使用Echarts
1、首先新建一个名为demo项目,项目建好以后,输入以下命令,安装echatsnpm install echarts --savenpm install ngx-echarts --save2、打开项目,在angular.json文件,找到scripts: [ ]在里面添加(注意:angular.json中有两个scripts: [ ]):"node_modules/echarts/d...
2019-11-26 14:03:01
3937
4
Translate.js
2019-12-23
sf-demo.rar
2019-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人