+Angular
文章平均质量分 50
GuoyeZhang
这个作者很懒,什么都没留下…
展开
-
Angular Img标签自定义请求header Authorization
是这样的需求,有一个web页面,里面图片的上传和预览来自于一个独立的文件服务器,对http的请求需要进行访问权限的设置,就是在请求的header里加一个Authorization的字段。上传好说我用的Axios直接添加一个header就行了,但是预览就比较麻烦了,因为img这个标签图片下载展示是浏览器自己实现的,没有办法去修改。所以首先想到就是通过接口添加自定义header转发请求或者其他通过接口的方案了,那怎么通过前端页面去实现这个功能,首先声明的是这里用了一些新的API,所以如果是一些比较老的浏览器那就原创 2021-12-07 10:35:13 · 1028 阅读 · 0 评论 -
Angular ant.design上传组件使用阿里云oss
Angular ant.design上传组件使用阿里云osshttps://blog.csdn.net/Chen_junheng/article/details/98076750https://www.alibabacloud.com/help/zh/doc-detail/42976.htmhttps://help.aliyun.com/document_detail/31988.html...原创 2020-04-22 16:23:23 · 1246 阅读 · 0 评论 -
Angular http代理proxy配置,解决跨域
Angular7 http代理proxy配置1. proxy.conf.json2. 启动代理前后端分离开发时,需要进行http请求后端,这时刚会遇上跨域问题。解决方法之一就是使用proxy代理ng proxy是基于webpack proxy, 更详尽说明:https://webpack.js.org/configuration/dev-server/#devserver-proxy1...原创 2019-11-22 16:17:04 · 3208 阅读 · 0 评论 -
Angular使用插件导出表格Excel
Angular使用插件导出表格Excel现在前端都可以进行excel文件的简单导入导出操作。下面是使用插件导出表格成excel文件示例组件是基于ng-alain封装的 XlsxService,XlsService是基于sheetjs开发的。文未附相关资源示例代码import { Component } from '@angular/core';import { STColumn,...原创 2019-09-17 11:00:55 · 1796 阅读 · 0 评论 -
Angular使用HTTP POST下载流文件
Angular使用HTTP POST下载流文件Angular / Vue HTTP POST下载流文件HTTP POST 请求流文件转成excel在使用Angular开发项目时,通常会有下载文件的功能项。一般是后台返回下载地址,通过<a>标题或者使用window打开下载地址新窗口,浏览器则会识别出流文件进行文件下载。但是,有时候进行http异步请求,后台返回的并不是下载地址...原创 2019-09-06 21:35:12 · 8047 阅读 · 0 评论 -
rxjs实现输入延时搜索, ng-zorro
这里使用angular ng-zorro组件库的select组件。使用普通的input使件也可以。思路也是一样的。下面就直接贴项目片段代码进行简要说明HTML基于ng-zorro的组件库中的select组件。zorro: https://ng.ant.design<nz-select [nzMaxTagCount]="3" style="width: 100%" nzPlaceHo...原创 2019-06-25 16:23:50 · 1732 阅读 · 0 评论 -
ng-alain下拉选择异步数据,搜索异步数据及初始化默认选中数据
在做CURD时使用ng-alain的SF,实现业务功能是相当的快。但是在做一些复杂或者相对复杂的需求时,官方所提供的示例也不一定会有,因此需要自己动手研究及解决。场景ng-alain 7.2.0新增界面: SF组件使用select小部件下拉里显示懒加载一部分数据(因为数据量大,因此只加载100),搜索时也使用懒加载数据编辑界面:SF组件使用select小部件实始化默认选中的数据,选中的数据...原创 2019-06-24 16:33:05 · 1654 阅读 · 0 评论 -
ng-alain重置表单cascader不生效
ng-alain 使用SF formReset重置搜索表单时,级联组件cascader不生效,文字没被清空?在使用ng-alain生成的列表模板中,上面是由动态表单组件SF构成。下面是由ST表格组件构成。下面说说ST表格的上方的搜索表单组件SF。在使用过程中,SF动态表单可以随意配置已有的小部件,大多小部件都很实用并且常用,但有个别小部分存在缺陷问题,如cascader级联组件。你可能会...原创 2019-05-16 00:12:55 · 936 阅读 · 0 评论 -
在anuglar中使用ng-if else
使用 else :<div *ngIf="isValid;else other_content"> content here ...</div><ng-template #other_content>other content here...</ng-template>你也可以使用 then else :<div *ngI...原创 2019-05-20 14:34:59 · 6714 阅读 · 0 评论 -
angular使用md5,CryptoJS des加密
在业务系统中,通常需要对用户的密码进行加密,再时行http的请求。加强系统登录的安全验证。常用的加密方式有MD5, Base64, CryptoJS的 AES DES等。下面介绍我常用的几种加密方法的使用:MD5加密1. 安装模块 ts-md5$ npm install ts-md5 --save2. 使用md5进行加密import { Md5 } from 'ts-md5';//...原创 2019-06-03 09:48:02 · 1124 阅读 · 0 评论 -
ng-alain SF表单项实现行内排列
场景使用ng-alain的SF动态表单,当使用的表单项极少时,通常会使用到inline行内排列,用input组件没啥问题。但是使用某些组件,存在数据异步加载且没有初始值的情况,则ui展现会出现不雅观的问题。如下图。解决方式在ui中增加width属性即可,如下图示不需要设置下面这些属性最终能实现想要的效果...原创 2019-06-22 11:41:14 · 1301 阅读 · 1 评论 -
ng-alain动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。使用手机号进行校验,示例如下:动态表单的基本使用:https://ng-alain.com/form/getting-started/zh基于基本示例,增加手机号必填与正则校验的例子:@Component({ selector: 'app-home', template: ` <sf [schema]="schema" ...原创 2019-06-13 10:36:26 · 2832 阅读 · 0 评论 -
使用ng-zorro图标库部分图标不能正常显示
使用ng-zorro图标库部分图标不能正常显示在ng-alain中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered.at IconNotFoundError (...原创 2019-04-22 09:40:53 · 5446 阅读 · 6 评论