随笔分类 -  零零散散

零零散散的收集
ng中数据的传递(service传值)
摘要:步骤; 一、用到了三个ts文件 subscribe.service.ts 、aa.component.ts(传递参数的组件) 、bb.component.ts(接收参数的组件) 二、实现组件间的传值,不仅仅是父子组件,跨模块的组件也可以实现传值 三、思路: 定义一个服务作为传递参数的媒介注入在要传参 阅读全文
posted @ 2020-11-29 16:50 楼顶铁板烧 阅读(530) 评论(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 楼顶铁板烧 阅读(691) 评论(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 楼顶铁板烧 阅读(451) 评论(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 楼顶铁板烧 阅读(324) 评论(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 楼顶铁板烧 阅读(323) 评论(0) 推荐(0)
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 楼顶铁板烧 阅读(209) 评论(0) 推荐(0)