Angular
苦心明
这个作者很懒,什么都没留下…
展开
-
angular 实现文件下载
<button nz-button nzType="default" (click)="downTemplate()"> <i nz-icon nzType="download"></i>下载模板 </button>downTemplate=()=>{ const params = {}; // body的参数 this.httpClient.post('/file/down/template?type=3', ...原创 2021-08-08 16:04:49 · 2155 阅读 · 0 评论 -
Angular-ng-zorro ZTree组件实现
异步加载及拖拽实现异步加载实现可以如下代码(zorro官网拷贝),异步加载数据import { Component } from '@angular/core';import { NzFormatEmitEvent, NzTreeNodeOptions } from 'ng-zorro-antd/core';@Component({ selector: 'nz-demo-tree-dynamic', template: ` <nz-tree [nzData]="nodes"原创 2020-12-13 17:26:11 · 606 阅读 · 1 评论 -
angular 单击和双击事件分开
需求:表格单击选中,双击显示修改,所以需要在行数据上面添加单击与双击。这时候就要区分开了。环境:angualr、ng-zerro实现:双击的时候肯定会先触发单击,所以我们进行单击拦截。这里拦截使用定时器拦截,如果触发双击则进行定时器清除。不然就实现单击逻辑。创建单击及双击事件,如下所示:<tr *ngFor="let data of rowSelectionTable.data" (click)="clickItem(data.columnId)" (dblclick)=原创 2020-11-19 17:55:01 · 2596 阅读 · 0 评论 -
angular blob使用请求下载文件
需求:我需要模拟点击下载文件,因为后台会返回两种数据。1、blob 里面是excel(流)2、blob里面是json(流),如果生成文件异常的话思考:1、区分返回的数据类型2、分别进行流读取实现:区分返回的类型因为我后台返回json流的时候,会设置请求头是json格式。所以就可以跟正常的文件下载流区分开。根据响应头区分。resp.type == 'application/json'代码实现后续功能常规的绑定点击事件<button nz-butto原创 2020-11-18 16:19:53 · 1028 阅读 · 0 评论 -
angualr 上传文件
一、代码信息https://ng.ant.design/version/8.5.x/components/upload/zh这边选择自定义选择,样式代码如下import { HttpClient, HttpEvent, HttpEventType, HttpRequest, HttpResponse } from '@angular/common/http';import { Component } from '@angular/core';import { UploadXHRArgs原创 2020-11-18 11:33:32 · 366 阅读 · 0 评论 -
Angular学习之轮播图组件
首先创建轮播组件ng g c components/imageSlider然后在index.js中配置导出。原创 2020-04-25 22:52:50 · 2539 阅读 · 2 评论 -
封装第一个组件
ng生成组件的命令:ng generate component 组件名(驼峰形式)简写:ng g c 组件名(驼峰形式)生成第一个组件:ng g c ScrollableTab移动到公共的目录下拷贝上一篇文章的组件内容。然后在根组件:app.component.html中引入该组件<app-scrollable-tab></app-scrol...原创 2020-04-16 15:43:39 · 183 阅读 · 0 评论 -
初识顶部TabBar
修改html文件,进行遍历取值展示为tab<ul> <li *ngFor="let item of tabs" > <a href="#">{{ item }}</a> </li></ul>导出的类里面声明数组,供上面遍历export class AppComponent { t...原创 2020-04-16 15:06:32 · 303 阅读 · 0 评论 -
Angular 8 学习(一) —— 环境搭建
一、node下载地址:https://nodejs.org/zh-cn/建议下载稳定版本。二、Angular Cli 安装三、开发工具Vscode建议扩展插件四、谷歌浏览器插件建议...原创 2020-09-30 10:04:50 · 118 阅读 · 0 评论