2020年11月29日
B数组 据 A数组中的数据进行筛选
摘要： 代码模块： A数组 aa; B数组 this.listOfAllData aa.forEach(data => { //遍历A数组 this.listOfAllData.map(v => { //遍历B数组 if (v.sectionId Number(data)) { //判断 paraList. 阅读全文
posted @ 2020-11-29 18:19 楼顶铁板烧 阅读(131) 评论(0) 推荐(0) 编辑
ng中数据的传递（service传值）
摘要： 步骤; 一、用到了三个ts文件 subscribe.service.ts 、aa.component.ts(传递参数的组件) 、bb.component.ts(接收参数的组件) 二、实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值 三、思路： 定义一个服务作为传递参数的媒介注入在要传参 阅读全文
posted @ 2020-11-29 16:50 楼顶铁板烧 阅读(467) 评论(0) 推荐(0) 编辑
上传进度条功能示例
摘要： 一、简介本文实例主要讲述了ng-cli 与JS+html5实现异步文件上传进度条显示功能 二、ng-cli版本使用了angular-cli、NG-ZORRO中的nz-upload 1）http.service.ts： /** * 请求主体可以为 urlencoding、JSON、FormData 的 阅读全文
posted @ 2020-11-29 16:09 楼顶铁板烧 阅读(618) 评论(0) 推荐(0) 编辑
把A数组中数据逐一赋值给B数组中某键值对
摘要： A数组： 1 paramList = [ 2 { 'seleDistance': '东往西-西往东' }, 3 { 'highwayName': 'XX高速' }, 4 { 5 'siteOfData': [ 6 { 'stationName': '01路段' }, 7 { 'stationName 阅读全文
posted @ 2020-11-29 15:45 楼顶铁板烧 阅读(141) 评论(0) 推荐(0) 编辑
2020年11月27日
根据A组数 筛选 B数组中的数据
摘要： 需求： 在B中删除A中出现的景区 A数组： // 隐藏数据 hideData = [ '北阁佛灯', '笔架山宋窑旧址', '道韵楼', '凤凰塔', '凤翔峡旅游风景区', '富丽公园', '海阳儒学宫', '华厦博物馆', '黄埔军校分校李厝祠', '己略黄公祠', '开元寺', '龙湖古寨', 阅读全文
posted @ 2020-11-27 17:46 楼顶铁板烧 阅读(104) 评论(0) 推荐(0) 编辑
简单的下拉框组件（原生）
摘要： 一、下拉框组件 1.html： <div class="memu-wrap"> <div class="memu-item" (click)="showSearchList()" (mouseenter)="enterSearch()" (mouseleave)="hideSearchList($e 阅读全文
posted @ 2020-11-27 12:05 楼顶铁板烧 阅读(425) 评论(0) 推荐(0) 编辑
数据扩样处理
摘要： 1.html: 1 <ul class="search-content"> 2 <li> 3 <span class="name" (click)="selectorChange('扩样数据', true)">扩样数据</span> 4 </li> 5 <li> 6 <span class="nam 阅读全文
posted @ 2020-11-27 12:00 楼顶铁板烧 阅读(299) 评论(0) 推荐(0) 编辑
ng组件间传值 （dx01 父子间传值）
摘要： 组件结构：3传参数到1, 1传数据到2 一、3传参数到1 3.html: 1 <button class="query-btn" nz-button nzType="default" (click)="clickHandle()">确定</button> 3.ts: 1 import { Compo 阅读全文
posted @ 2020-11-27 11:36 楼顶铁板烧 阅读(291) 评论(0) 推荐(0) 编辑
npm ERR! Unexpected string in JSON at position 159827 while parsing XXXX
摘要： 解决方法： 1）删除根目录下 package-lock.json 文件 2）npm install 阅读全文
posted @ 2020-11-27 10:54 楼顶铁板烧 阅读(1695) 评论(0) 推荐(0) 编辑
2020年11月24日
ng-cli 中使用ace编辑器演示echarts
摘要： 本文有两个Demo：直接上代码 一、ng-cli中使用步骤，在线版 ，待更新 1）在index.html文件中引入 <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script> <script src="https: 阅读全文
posted @ 2020-11-24 14:53 楼顶铁板烧 阅读(176) 评论(0) 推荐(0) 编辑