E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
ng-alain
ng-alain
遇到的样式问题和下载文件问题
ng-alain
图表样式问题:安装完g2组件之后,需要在根目录下的styles.less文件中import要使用的less文件(@import'~@delon/chart/index';),在此注意,需要人工手动导入
Meng123456xili
·
2020-08-22 16:32
Angular + G2[AntV] 01
Angular+G2[AntV]01目的步骤目的之前使用过
ng-alain
,发现这里面整合的G2图表不那么完全,所以自己试着单独整合Angular+G2步骤按照官网的说明:1.通过npm安装npminstall
Lance1ot
·
2020-08-22 16:55
Angular
G2
antV
Angular之
ng-alain
项目实战(二)项目改造
创建好的项目会有一些初始化的设置,现在要根据业务需求和后端对接时的一些个性化需求进行部分修改和设置1.在shared目录下创建一个ts文件,用来设置一些常量例:app-constants.ts/***本地存储*/exportconstSTORAGE={};/***正则校验*/exportconstREG_EXP_IDENTITY:RegExp=/^[1-9]\d{5}(18|19|([23]\d)
HelloWude
·
2020-08-22 16:40
Angular-笔记
Angular之
ng-alain
项目实战(一)创建项目
请先通过ngversion命令确认全局AngularCli版本为8.x版本1、创建一个空angular项目ngnew项目名--stylelesscd项目名ngaddng-alainnpmstart2、添加
ng-alain
HelloWude
·
2020-08-22 16:39
Angular-笔记
ng-alain
中的st表格
后端控制分页的st表格使用数据列初始化tscolumns:STColumn[]=[{title:'',index:'id',type:'checkbox'},{title:'姓名',index:'name',width:'80px'},{title:'电话',index:'phone',width:'180px'},{title:'性别',index:'gender',filter:{menus:
z-robot
·
2020-08-22 15:53
ng-alain
angular8
ng-alain
之G2图表
shared.module.ts导入G2import{G2BarModule}from'@delon/chart/bar';constDIRECTIVES=[G2BarModule];方法一先定义G2图表,然后在进行修饰dataa=[{time:'1951年',type:'异常',value:3},{time:'1951年',type:'完成',value:3},{time:'1951年',typ
z-robot
·
2020-08-22 15:53
ng-alain
ng-alain
的使用
ng-alain
技术栈基于Typescript、Angular、g2、@delon和ng-zorro-antd。
开水没有春天
·
2020-08-22 15:03
[
ng-alain
系列]工具类规则
工具类规则
ng-alain
在AntDesign的基础上生产一套尺寸、间距、颜色等工具类。
weixin_34378045
·
2020-08-22 15:55
基于
ng-alain
定义自己的select组件
2019独角兽企业重金招聘Python工程师标准>>>1、首先是my-select2.component.html页面,这里是在
ng-alain
的select基础上根据业务需求添加新的功能;代码如下:2
weixin_34272308
·
2020-08-22 15:24
[
ng-alain
系列]目录结构与版本升级说明
目录结构与版本升级说明
ng-alain
会一直与ng-zorro-antd保持同步更新,但这不代表你需要重新克隆
ng-alain
。
weixin_33755649
·
2020-08-22 15:47
基于
ng-alain
构建后台项目中的问题(二)
单击左侧的菜单,右侧的内容显示是空白的后来发现可能是因为,angular被
ng-alain
包裹所导致的,所以试了下把右侧中最上面的那一行关闭菜单的去掉。。。就可以了
songjinb123
·
2020-08-22 15:53
ng-alain
表格st实现某行标红
html中,增加rowClassName属性根据某条件,返回类名rowClassName(record:STData,index:number){if(record.leftDay<0){return'sign-tr';}}//css中::ng-deep{.sign-tr{background-color:#fabeb9!important;}}
Coder_shasha
·
2020-08-22 15:23
Ng-Alain
中的st表格组件实现导出界面不展示的列
一般需求:st数据(所有列/部分列)导出Excelst组件提供了export()函数方便我们直接将表格的数据导出为Excel文档,在STColumn中也有参数exported:boolean来控制是否允许导出,这样就能实现界面上有展示的全导出,或者是控制表格中的某些列不导出,其他的导出的效果。下为代码示例://export(newData?:STData[]|true,opt?:STExportO
secretbase12138
·
2020-08-22 15:21
excel
html5
typescript
在Angular、
Ng-Alain
项目中使用ACE代码编辑器第三方组件
Angular项目中使用第三方组件嵌入代码编辑器最近遇到一个需求,不仅需要展示源代码(不同环境下不同的环境配置代码),且可供修改,并且要监听修改后的配置代码,用户点击保存还需要将修改后的代码发送给后端。一开始使用标签,然后通过*ngFor指令将源代码拆开在标签中展示,并设置contentEditable和content:counter(line);的CSS样式实现,但后续发现还有很多问题,比如点击
secretbase12138
·
2020-08-22 15:21
Ng-Alain
学习记录一
Ng-Alain
学习记录一第一阶段代码整理模态框搜索并完成展示列表组件其他第一阶段代码整理模态框schema:SFSchema={properties:{(属性变量名):{type:'string',title
secretbase12138
·
2020-08-22 15:51
在
ng-alain
项目中使用富文本组件ngx-tinymce(包括汉化+图片上传)
参考文档:https://blog.csdn.net/z_robot/article/details/104983557#comments_12054948ng-alain文档中使用第三方类库除了NG-ZORRO基础组件以及@delon业务组件以外,有时我们还需要引用其他外部类库,以下将介绍如何使用富文本组件ngx-tinymce:安装依赖包yarnaddngx-tinymce注册像富文本框你可能
secretbase12138
·
2020-08-22 15:51
NG-ALAIN
的使用
简介
NG-ALAIN
是一个企业级中后台前端/设计解决方案脚手架
ng-alain
技术栈基于Typescript、Angular、g2、@delon和ng-zorro-antd,并遵循Antd设计了新的组件
用户1188758
·
2020-08-22 15:07
前端
ng-alain
动态表单下拉框动态数据
ui:SFUISchema={$repoId:{widget:'select',placeholder:'请选择',allowClear:true,serverSearch:true,//懒加载数据,利用管道,插入数据项asyncData:()=>this.dictService.findAllByDictNo('XXX').pipe(map((value)=>{constresult=[];fo
Wanted.
·
2020-08-22 15:33
angular
【
ng-alain
】解决sf设置了visibleIf的字段,默认执行required验证
利用validator参数://@delon/formschema:SFSchema={properties:{money:{type:'string',title:'资产',ui:{validator:val=>(!val?[{keyword:'required',message:'Required'}]:[]),}}},};但可能会缺少required特有的*号标识,我会增加一个showReq
鸭嘴兽Coder
·
2020-08-22 15:35
一些小问题
关于
ng-alain
安装的一些采坑
ng-alain
是一个企业级中后台前端/设计解决方案脚手架,最近做车联网项目决定用这个模板。首先安装node,angular-cli,npm等基础工具,没问题。
cqliaojing
·
2020-08-22 15:33
ng-alain
SF表单项实现行内排列
场景使用
ng-alain
的SF动态表单,当使用的表单项极少时,通常会使用到inline行内排列,用input组件没啥问题。
GuoyeZhang
·
2020-08-22 15:53
+Angular
ng-alain
angular
sf
ng-alain
动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。使用手机号进行校验,示例如下:动态表单的基本使用:https://ng-alain.com/form/getting-started/zh基于基本示例,增加手机号必填与正则校验的例子:@Component({selector:'app-home',template:``})exportclassHomeComponent{schema:SFSchem
GuoyeZhang
·
2020-08-22 15:53
+Frontend
Practices/前端实战
+Angular
关于在
ng-alain
项目中快速新建项目
以下所有语法只需要cd到项目下就可以了1、建立模块,如同routes.module.ts/routes-routing.module.ts语法如下:nggng-alain:moduleabc表示在routes下面建立了一个名为abc的模块,最后routes下会形成一个文件夹,里面有两个文件(abc.module.ts和abc-routing.module.ts)2、若是想在abc文件内建立组件de
静沐静好
·
2020-08-22 15:18
快速新建组件
angular2
关于
Ng-alain
的Acl的使用
前言近来使用angular总是做后台系统,找了很久找到NgAlain这个框架,用的还蛮顺手。就是官方文档略微简洁了点,用的过程中得不断结合一些小例子和官方demo来确定使用语法。之前的使用还一直挺顺利,哪怕有点问题网上也能找到相关问题的博客或者资料;但是这两天使用到访问控制列表遇到了点问题,拖了点时间几经波折后才解决,虽然是框架之外的原因,但是想以此为契机,写下第一篇博客好了。(之前也会有开发的笔
绥兮
·
2020-08-22 15:17
前端
#
angular
关于
ng-alain
的st、sf一些小功能的总结
1、
ng-alain
其中的st表格,有STColumnButtonDrawer(抽屉)和STColumnButtonModal(模态框)传值问题:如列表内容太多,列表一行无法显示,点击一个按钮,出来一个抽屉
静沐静好
·
2020-08-22 15:46
传值
Angular8、
ng-alain
的SF表单、使用markDown富文本编辑器
我新建了一个
ng-alain
项目作为演示,项目名为sf-demo,我直接在项目中的dashboard中用吧!
静沐静好
·
2020-08-22 15:45
angular
ng-alain
markdown
富文本编辑器
SF表单
前台
Ng-Alain
对与
Ng-Alain
这个前段框架,用了也有一短时间了,对于框架而言确实时很强大,很好,但对于我们而言文档少,就寸步难行,边研究编写,时不时的就在坑里爬半天,还不一定爬出来。
潘佳琦
·
2020-08-22 11:43
angular
angualr
Spring Security and Angular 实现用户认证
ng-alain
,一款功能强大的前端框架,设计得很好,两大缺点,文档不详尽,框架代码不规范。写前台拦截器的时候是在花了大约半小时的时间对代码进行全面规范化之后才开始进行的。
张喜硕
·
2020-08-22 11:30
spring-security
springboot
angular
用户认证
如何友好的启动Angular应用
然而一个好的应用的体验怎能这样呢,有兴趣的可以先看一下
ng-alain
是如何
cipchk
·
2020-08-22 10:59
typescript
启动界面
前端
angular2
angular4
Angular使用插件导出表格Excel
下面是使用插件导出表格成excel文件示例组件是基于
ng-alain
封装的XlsxService,XlsService是基于sheetjs开发的。
Guoye
·
2020-08-21 02:12
angular
excel
exports
导出
下载
ng-alain
路由配置 路由配置正确但是强制弹出404窗口
ng-alain
出现路由配置正确但是强制弹出404如图已经成功配置了
ng-alain
的路由,在angular项目中是运行正常的,但是在
ng-alain
中出现强制404。
qq_875143287
·
2020-08-21 01:10
踩坑
Snails 1.0正式发布
基于简单、实用性等考虑,项目中使用了Lombok、Jpa、Java8等技术,加上
Ng-Alain
优秀的前端脚手架系统、Ng-Zorro丰富前端组件、SpringBoot作为后台JavaRestApi服务
Kuzan
·
2020-08-20 23:49
前后端分离
框架
springboot
angular
ng-alain
Snails 1.0正式发布
基于简单、实用性等考虑,项目中使用了Lombok、Jpa、Java8等技术,加上
Ng-Alain
优秀的前端脚手架系统、Ng-Zorro丰富前端组件、SpringBoot作为后台JavaRestApi服务
Kuzan
·
2020-08-20 23:48
前后端分离
框架
springboot
angular
ng-alain
ng-alain
SF表单项实现行内排列
场景使用
ng-alain
的SF动态表单,当使用的表单项极少时,通常会使用到inline行内排列,用input组件没啥问题。
Guoye
·
2020-08-20 22:19
ng-alain
ng-alain
SF表单项实现行内排列
场景使用
ng-alain
的SF动态表单,当使用的表单项极少时,通常会使用到inline行内排列,用input组件没啥问题。
Guoye
·
2020-08-20 22:19
ng-alain
angular组件样式不生效
解决思路——rowClassName项目使用了
ng-alain
,作者提供了许多方便的方法与属性,所以解决这个问题并不太难,张喜硕学长直接给我说了使用rowClassName这个属性。
笙歌会停
·
2020-08-20 21:09
angular
ng-alain
angular组件样式不生效
解决思路——rowClassName项目使用了
ng-alain
,作者提供了许多方便的方法与属性,所以解决这个问题并不太难,张喜硕学长直接给我说了使用rowClassName这个属性。
笙歌会停
·
2020-08-20 21:08
angular
ng-alain
ng-alain
下拉选择异步数据,搜索异步数据及初始化默认选中数据
在做CURD时使用
ng-alain
的SF,实现业务功能是相当的快。但是在做一些复杂或者相对复杂的需求时,官方所提供的示例也不一定会有,因此需要自己动手研究及解决。
Guoye
·
2020-08-20 21:58
ng-alain
ng-alain
下拉选择异步数据,搜索异步数据及初始化默认选中数据
在做CURD时使用
ng-alain
的SF,实现业务功能是相当的快。但是在做一些复杂或者相对复杂的需求时,官方所提供的示例也不一定会有,因此需要自己动手研究及解决。
Guoye
·
2020-08-20 21:58
ng-alain
ng-alain
动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。使用手机号进行校验,示例如下:动态表单的基本使用:https://ng-alain.com/form/get...基于基本示例,增加手机号必填与正则校验的例子:@Component({selector:'app-home',template:``})exportclassHomeComponent{schema:SFSchema={propertie
Guoye
·
2020-08-20 21:27
ng-alain
angular
校验表单
ng-alain
动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。使用手机号进行校验,示例如下:动态表单的基本使用:https://ng-alain.com/form/get...基于基本示例,增加手机号必填与正则校验的例子:@Component({selector:'app-home',template:``})exportclassHomeComponent{schema:SFSchema={propertie
Guoye
·
2020-08-20 21:27
ng-alain
angular
校验表单
ng-alain
重置表单cascader不生效
ng-alain
使用SFformReset重置搜索表单时,级联组件cascader不生效,文字没被清空?在使用
ng-alain
生成的列表模板中,上面是由动态表单组件SF构成。下面是由ST表格组件构成。
Guoye
·
2020-08-20 21:32
angular
ng-zorro
ng-alain
cascader
ng-alain
重置表单cascader不生效
ng-alain
使用SFformReset重置搜索表单时,级联组件cascader不生效,文字没被清空?在使用
ng-alain
生成的列表模板中,上面是由动态表单组件SF构成。下面是由ST表格组件构成。
Guoye
·
2020-08-20 21:32
angular
ng-zorro
ng-alain
cascader
使用ng-zorro图标库部分图标不能正常显示
ng-alian在
ng-alain
中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。
Guoye
·
2020-08-20 21:26
angular
ng-zorro
ng-alain
使用ng-zorro图标库部分图标不能正常显示
ng-alian在
ng-alain
中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。
Guoye
·
2020-08-20 21:53
angular
ng-zorro
ng-alain
浅谈Angular网络请求
在Angular网络请求是一个最常见的应用之一,下列我将以
ng-alain
项目为基础描述Angular网络请求。注:示例中代码都以简化的形式出现。
cipchk
·
2020-08-19 19:50
Angular前端项目(使用ng-zorro组件库)
项目结构以及项目里面用到的一些通用库比如路由复用标签、路由守卫控制等等参考的是
ng-alain
(官网:https://ng-alain.com/zh,https://github.com/
ng-alain
tuacy
·
2020-08-18 06:04
Angular2
angular -
ng-alain
的使用,错误解决方式
之前有写过这个
ng-alain
的使用,当时使用的很顺畅没有任何问题,但是现在使用好像存在问题了,说下注意点以及解决方式:1.按照
ng-alain
官方提示,angular版本不支持8.x,当前我是用的7.
weixin_30699443
·
2020-08-18 04:36
Angular路由守卫 canDeactivate
目的离开页面时,做出逻辑判断以
ng-alain
的项目为基础做演示效果如图:关键代码定义一个CanDeactivateGuardServiceexportclassCanDeactivateGuardServiceimplementsCanDeactivate
weixin_34185320
·
2020-08-12 14:31
Angular使用插件导出表格Excel
下面是使用插件导出表格成excel文件示例组件是基于
ng-alain
封装的XlsxService,XlsService是基于sheetjs开发的。
Guoye
·
2020-08-10 15:35
angular
excel
exports
导出
下载
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他