Angular
gx_up
用心付出终究会获得收获的。
展开
-
[angular]调用API使用Cookie
在用angular2调用后台接口的时候,遇到了两个问题1、请求头没有cookies;2、对两次请求,node后端都开了一个新的线程。对于这两个问题,其实我认为解决了请求头cookie的问题,后面的问题自然解决。对于cookie有什么作用,为什么要有这个cookie,看下图前后端请求模式。不难看出,这个cookie是获取session会话中信息的凭证,只有向后台传送匹配的cookie...转载 2019-12-14 11:11:20 · 857 阅读 · 0 评论 -
【Angular】生命周期钩子
接口和钩子在介绍生命周期的相关概念之前,可以先复习一下TypeScript对于接口的概念。在这里主要使用的是类接口及其实现:interface ClockInterface { currentTime: Date;}// 该写法表示明确的强制一个Clock类符合ClockInterface接口// 该接口中currentTime是一个Date类型的数据(并没有实际使用),...转载 2019-12-12 13:51:19 · 391 阅读 · 0 评论 -
【Angular】.NetCore导出Excel和文件下载
相比之前用windows.open(url);向服务器下载文件做了些改进之前的方式不能携带上token,还需要在服务器上存一份下载的文件;.NetCore导出Excel中的NPOI组件,写了一个基于配置导出Excel的方法,美化了导出文件的格式: [Authorize] [HttpGet("download")] public IActi...原创 2019-09-03 15:09:47 · 1110 阅读 · 0 评论 -
【Angular 7】如何使用HTML5 Fullscreen API?
我使用Angular 7,我希望有一个按钮,可以将我的应用程序全屏显示。 我使用HTML5 Fullscreen API,我有两个功能:openfullscreen() { // Trigger fullscreen console.log('gg'); if (document.documentElement.requestFullscreen) { d...翻译 2019-04-18 09:22:31 · 1373 阅读 · 0 评论 -
【reCAPTCHA 】添加Google验证码
在网站登陆注册时常常需要用到验证码,来防止站点被攻击。大概这个样子:现在框架是前后端分离的,angular+webapi弄个验证码感觉有点麻烦然后就找到google的reCAPTCHA 还挺好使的,记录一下:地址:https://www.google.com/recaptcha/admin/create填写注册信息:一个在前端配置,一个再后端配置:...原创 2019-04-11 20:52:47 · 4024 阅读 · 0 评论 -
【Angular】部署github.io上
从一个网站链接到另外一个网站会产生新的http请求,referrer是http请求中表示来源的字段。no-referrer-when-downgrade表示从https协议降为http协议时不发送referrer给跳转网站的服务器no-referrer任何情况下都不发送refererno-referrer-when-downgrade在同等安全等级下(例如https页面请求https地址),发送referer,但当请求方低于发送方(例如https页面请求http地址)原创 2019-03-21 15:33:13 · 506 阅读 · 0 评论 -
【Docker】Angular部署
将angular项目部署到docker中去:一、pull nginx镜像docker pull nginx二、运行nginx镜像docker run --name nginx -d -p 8090:80 -v /root/iot/website:/usr/share/nginx/html nginx-v /xxxx/xx:/xxx/xx 挂载本地文件三、解决angula...原创 2019-03-21 14:59:54 · 938 阅读 · 0 评论 -
angular4中父组件如何调用子组件的方法
转自:http://blog.csdn.net/u012396955/article/details/78852140 一、新建一个子组件ng g component child二、子组件中添加要被调用的方法child.component.tsexport class ChildComponent implements OnInit { constructor()...转载 2017-12-29 14:48:12 · 1901 阅读 · 0 评论 -
angular2中使用html2canvas将数据导出为图片
转自:https://segmentfault.com/a/1190000012477096 1、安装html2canvasnpm install --save html2canvas官方网站https://html2canvas.hertzen.com/2、在需要的组件中引入html2canvas// 导入整个模块的内容import * as html2canv...转载 2018-01-03 14:32:19 · 2265 阅读 · 2 评论 -
Angular i18n的技术分享、踩过的坑
转自:https://www.cnblogs.com/yangfantianxia/p/7878823.html 1.安装npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader 2.配置(文本背景部分为该模块新增的)~app.module.tsimport { Trans...转载 2018-01-11 09:31:57 · 2397 阅读 · 0 评论 -
【Angular】配置文件之环境配置
假设有三个环境:开发环境(dev)、测试环境(test)、生产环境(prod)。当我们构建参数时会用到 --prod来指定应用执行环境。脚手架会根据指定的值加载对应的环境配置文件。如:ng build --prod=dev --aot 就是build开发环境的包。那么我们就从这里开始看看Angular项目里环境该怎么配置。首先要找到.angular.json文件的production关键...原创 2018-09-18 13:56:11 · 2039 阅读 · 0 评论 -
【Ionic】多语言化
好久没碰ionic这个坑了,前两天突然想整个APP玩下,正好把这一套回顾下版本号:node -vv8.10.0ionic -v4.1.2cordova -v8.0.0C:\Users\gx_143>ng -v _ _ ____ _ ___ / \ _ _...原创 2018-09-15 14:43:19 · 1121 阅读 · 0 评论 -
【Angular】模块化、组件间通讯
父组件 Html代码:<app-bpm-table #comTable [dataSource]="dataSource" [dataStyle]="dataStyle" (delete)="delete($event, Id)" (edit)="edit($event, editEntity)"></app-bpm-table>父组件 TypeScript代码原创 2018-09-12 16:58:08 · 1324 阅读 · 1 评论 -
【代码生成器】拼Html和TS代码的
效果如图:实体: public class DbTableHeadEntity { public int Id { get; set; } public string ColumnName { get; set; } public string ColumnType { get; set; } } pu...原创 2018-09-12 16:47:27 · 1629 阅读 · 0 评论 -
Angular 4 ElementRef
转自:https://segmentfault.com/a/1190000008653690虽然不是做前端的,但是偶尔搭把手还是可以的。今天遇到的一个坑:---------------------------------------------------------------------------------------------------------------------...转载 2018-07-26 16:16:10 · 855 阅读 · 0 评论 -
Angular前端导出Excel或CSV文件
借鉴自:使用JavaScript把页面上的表格导出为Excel文件地址:https://www.cnblogs.com/zhuxinghan/p/6063193.html JavaScript版的:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content...原创 2018-07-17 13:43:07 · 5244 阅读 · 0 评论 -
Angular6 从打包到部署IIS上
以下为打包方式:通过命令行ng build --prod --aot会生成dist文件夹,将dist文件夹中的文件,直接上传到服务器IIS站点下。然后发现可以正常访问,但是刷新页面就会报400错误,这时需要进行如下配置:1.安装URL rewrite组件: 网址:https://www.microsoft.com/en-us/download/details.aspx?...原创 2018-07-11 10:45:03 · 9269 阅读 · 3 评论