自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

bpmn的中文包 'Activate the global connect tool': '激活全局连接工具', 'Append {type}': '添加 {type}', 'Add Lane above': '在上面添加道', 'Divide into two Lanes': '分割成两个道', 'Divide into three Lanes': '分割成三个道', 'Add Lane below': '在下面添加道', 'Append compensation activity': '追加补偿活动', 'Change type': '修改类型', 'Connect using Association': '使用关联连接', 'Connect using Sequence/MessageFlow or Association': '使用顺序/消息流或者关联连接', 'Connect using DataInputAssociation': '使用数据输入关联连接', 'Remove': '移除', 'Activate the hand tool': '激活抓手工具', 'Activate the lasso tool': '激活套索工具', 'Activate the create/remove space tool': '激活创建/删除空间工具', 'Create expanded SubProcess': '创建扩展子过程', 'Create IntermediateThrowEvent/BoundaryEvent': '创建中间抛出事件/边界事件', 'Create Pool/Participant': '创建池/参与者', 'Parallel Multi Instance': '并行多重事件', 'Sequential Multi Instance': '时序多重事件', 'DataObjectReference': '数据对象参考', 'DataStoreReference': '数据存储参考',

2019-12-23

sf-demo.rar

https://blog.csdn.net/Sunshine__Girl/article/details/103387882 关于angular8中如何使用富文本编辑器markdown,是在ng-alian中的SF表单,相当于注册了一个widget的属性,来使用markdown,这样不仅全局都可以使用markdown,用起来也超级方便,只用将type设置为“string”,ui:{widget:'md'},具体如何操作见博客说明。

2019-12-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除