Angular
那等雨停吧
愿你有梦可依,有树可栖。
展开
-
Angular实战记录--工程结构分析
Angular官方网站讲解得非常详细,这里我特别说明几个文件是需要我们关注的。app.module.ts文件项目里需要用到的包,比如ant design,echarts的模块包都需要在这里统一导入,这样才能在其他页面、组件里进行导入。import { BrowserModule } from '@angular/platform-browser';import { NgModule } f...原创 2018-11-27 20:28:10 · 491 阅读 · 0 评论 -
Angular实战记录--主从组件数据传递
父组件向子组件传递数据子组件向父组件传递方法原创 2018-11-28 13:46:02 · 578 阅读 · 0 评论 -
Angular实战记录---HTTP
简易版HTTP服务xxx.service.ts结构如下:import { Injectable } from '@angular/core';import { Observable, of } from 'rxjs';import { catchError, map, tap } from 'rxjs/operators';import { HttpClient, HttpHeaders...原创 2018-11-28 14:17:36 · 374 阅读 · 0 评论 -
Angular实战记录---可编辑表格
编辑流程1. 原始数据 赋值到 临时变量。2. 使用临时变量填充表格。3. 修改表格即修改临时变量。4. 取消修改,使用原始数据覆盖临时变量。5. 提交修改,使用临时变量的数据覆盖原始数据。全新的临时变量但我们在使用原始数据和临时变量时存在拷贝问题,即修改了临时数据,原始数据也发生了改变。归根结底,就是变量直接赋值的时候,新变量和原变量的地址指向同一块内存地址,所以改新变量,也会...原创 2019-02-16 17:06:43 · 1696 阅读 · 2 评论 -
Angular实战记录---Ant Design自定义Modal页脚
背景在Modal中设置了表单,通过Modal的OK按钮提交表单。但在提交表单之前会对表单内容进行检查,检查通过才允许提交,不通过的话则需要禁用OK按钮,用户要么修改表单内容使之合格,否则只能舍弃表单内容直接关闭模态框。Angular+AntDesign之Modal使用自定义的页脚按钮,当不符合提交时OK按钮进入 disabled状态,符合则可用。<nz-modal[(nzVisib...原创 2019-02-18 17:09:14 · 3265 阅读 · 0 评论 -
Angular实战记录---ant Design手动上传
nzBeforeUpload 返回 false 后,使用手动上传按钮替换上传按钮。xxx.component.html <nz-upload class="import-excel" [(nzFileList)]="fileList" [nzBeforeUpload]=&quo原创 2019-03-02 15:47:52 · 1888 阅读 · 1 评论 -
Angular实战记录---Date格式化
使用Date获取当前时间 this.trainTime = Date.now();Date pipe使用Angular自带Date pipe进行格式化 <span class="training-time">{{trainTime | date:'yyy-MM-dd hh:mm:ss'}}</span>美滋滋~2019-03-03 10:06:52...原创 2019-03-03 10:08:57 · 665 阅读 · 0 评论