
Angular
guanguan0_0
学着学着就会了
展开
-
ng2读取.xml文件中设置的属性值
示例:在组件中获取接口配置文件.xml中的地址信息(ip和端口号)step1:使用npm命令行执行下面语句:npm install --save -dev xml-loaderstep2:在webpack.base.js文件中,module属性的rules数组中添加如下代码:{ test:/\.xml/, loader:'xml-loader'}step3:使用npm命令行执行下面语句:...原创 2018-03-14 19:57:56 · 907 阅读 · 0 评论 -
wangEditor上传本地视频
wangEditor是一个轻量级web富文本编辑器,一般可以满足用户需求,但是有特殊要求的可以对其进行修改源文件是上传Html视频格式,如果想要变成上传本地视频需要做以下修改:/* 上传视频 */// 构造函数function UploadVideo(editor) { this.editor = editor;}// 原型UploadVideo.prototy...原创 2018-12-05 15:56:15 · 19010 阅读 · 16 评论 -
封装搜索框组件
后台管理系统多是以表格和表单为主,有列表就一定会有列表的筛选功能,所以在此把列表头部的搜索功能拆分出一个公共组件,方便使用。大致样式如下图:这里我使用的是ng-zorro蚂蚁金服的angular组件库index.html:<div nz-form class="ant-advanced-search-form"> <nz-row [nzGutter]="...原创 2019-01-23 15:14:15 · 1420 阅读 · 0 评论 -
angular使用echart示例
echart官网地址:http://www.echartsjs.com/examples/ 以柱形图为例,具体视图如下,x轴和y轴可以收缩,用于展示多条数据具体实现步骤:1、下载echart包$ npm install echarts$ npm install ngx-echarts2、在shared.module.ts中注册echartimport { N...原创 2018-12-07 09:37:16 · 3239 阅读 · 0 评论 -
前端上传视频至阿里云
1、开通阿里云服务,获取userId官方文档地址:https://help.aliyun.com/document_detail/52204.html?spm=a2c4g.11186623.6.915.51366bd19lzWGq2、下载第三方js库:放在src/assets/lib文件夹下3、引入使用第三方库:告诉angular去哪加载库在angular.json中找...原创 2019-01-23 16:59:11 · 14545 阅读 · 2 评论 -
PC端聊天系统——基于angular
做后台管理系统遇到一个要写聊天系统的功能,我用的是angular,界面样式如下,长连接部分使用的是laravel-echo和socket.io1、下载laravel-echo和socket.ionpm install laravel-echo --savenpm install socket.io-client --save2、代码:html:<nz-row ...原创 2019-01-23 17:33:11 · 1499 阅读 · 0 评论