angular6
winner_corl
态度决定一切!
展开
-
Angular7 + 按照数据结构,主键相同【动态合并单元格】
前言:如果说合并5行则,rowspan为6。0、原数据[{"xmZt":"211","sbZt":null,"sbr":null,"xmCj":0,"createDate":1261621391000,"createUser":"郴州市国土资源局","deleteDate":null,"sbSj":1261639630000,"modifyDate":1555460529000,"htG...原创 2019-11-19 20:13:29 · 717 阅读 · 0 评论 -
【01前篇】JSON比较——前端之利用TypeScript反射reflect-metadata,获取ts对象属性注释信息实战操作
目录 TypeScript官方文档前言需求操作【原生注解】自定义注解例子1例子2例子3【重点】参考案例 TypeScript官方文档 文档 前言 本文用到的是Decorators 需求 紧跟前一篇,公司要求解析前一个数据和后一个数据操作的比较,基本上已经实现的需求。但是通过上一篇文章我们可以知道,KV中文显示前端效果是写死的...原创 2019-07-24 12:32:19 · 6295 阅读 · 0 评论 -
Angular7 + Excel导出
EXCEL导出 参考文章 http://www.voidcn.com/article/p-pbngeefx-btn.html 需求 现在需要做一个动态列表的导出功能,为什么说是动态列表呢,因为如下列表是通过配置平台配置,自动生成Table数据表格。 问题 写完ctrl层直接利用Postman测试,如果是直接利用写入C盘的方式是可以导出Excel的,但是这...原创 2019-06-27 10:44:19 · 2530 阅读 · 1 评论 -
Angular7 + OnChanges 父子组件刷新
需求:如果是父组件的下拉时间变化,自组件也要需要根据修改后的时间重新查询和渲染页面,这就要求父组件调用子组件refresh方法,从而实现上述功能!同时换一种思路,这是一种监听,监听的是一个可变变量,下面介绍两种调用方法!1.@ViewChild1.1)index.component.html<nz-select style="width: 70px;" [(ngModel)...原创 2019-06-25 14:44:14 · 4378 阅读 · 0 评论 -
Angular5 echarts^4.2.1 使用中国地图(上)
1.按照文档的样式扒下来https://echarts.baidu.com/examples/editor.html?c=map-china2.china.json 复制到 src/assets/json,数据来源于下载的echarts的 node_modules/echarts/map/json3.读取本地的china.json文件import {Component, OnInit...原创 2019-06-10 16:08:45 · 1927 阅读 · 8 评论 -
Angular7 + echarts 柱状图比例(2)+ 保存的echarts-icon
1、效果图2、代码import {Component, Input, OnInit} from '@angular/core';import * as echarts from 'echarts';import {DataSet} from '@antv/data-set';import {IndexService} from '../../../services/index....原创 2019-06-19 15:27:27 · 498 阅读 · 0 评论 -
Angular6如何引入第三方插件和Angular6如何使用echarts--如china.js
如何引入第三方插件以jquery为例 1.安装npm install --save jquery2.angular.json 配置"styles": [ "styles.css"],"scripts": [ "../node_modules/jquery/dist/jquery.js"]3.$是javaScript的AppCompoment是TyptScript...原创 2019-05-21 15:48:22 · 1153 阅读 · 0 评论 -
angular6中form表单开启实时保存功能
1、前言利用localstorage跟redisTemplate一样的原理,先进入编辑或者新增界面,判断是否具有缓存,如果存在缓存,是否覆盖,之后便是定时器,实时将form表单内容存储到网页的缓存之中2、代码2.1路由配置信息 {path: 'gygg-add/:id', component: GyggAddComponent, data: {action:'edit',titl...原创 2019-01-22 11:03:32 · 822 阅读 · 0 评论 -
Angular6 禁用按钮
1、关于按钮的disabled写法,如下图所示的数组循环,按照宗地状态也禁用各个按钮如果是正常则禁用取消流拍按钮,如果是流拍则禁用其他3个按钮<nz-card nzTitle="供应公告宗地管理" [nzBordered]="false"> <div *ngFor="let zd of gyggZds; let i=index"> .........原创 2018-12-22 11:05:50 · 4932 阅读 · 0 评论