2021年3月18日
ng组件样式
摘要： 特殊的选择器: :host :host-context ::ng-deep 阅读全文
posted @ 2021-03-18 11:38 楼顶铁板烧 阅读(55) 评论(0) 推荐(0)
ng在父子组件 | 指令之间 共享数据
摘要： Angular 中的一个常见模式就是在父组件和一个或多个子组件之间共享数据。可以用 @Input() 和 @Output() 来实现这个模式: 1、父传子 : @Input() 装饰器允许父组件更新子组件中的数据。 2、子传父 : @Output() 装饰器允许子组件传数据给父组件。 3、模板: < 阅读全文
posted @ 2021-03-18 11:20 楼顶铁板烧 阅读(123) 评论(0) 推荐(0)
2021年3月17日
所有的类型，去重
摘要： // 所有的类型，去重 res.forEach(facility => { if (!arTypes.some(type => facility['facilityTypeName'] type.name)) { arTypes.push({ name: facility['facilityType 阅读全文
posted @ 2021-03-17 12:10 楼顶铁板烧 阅读(50) 评论(0) 推荐(0)
2021年3月11日
js表单校验API
摘要： 1.checkValidity()方法 如果input 元素包含有效数据,返回true,反之 2.setCustomValidity()方法 设置input元素的validationMessage属性 eg: <input id="id1" type="number" min="100" max=" 阅读全文
posted @ 2021-03-11 15:59 楼顶铁板烧 阅读(112) 评论(0) 推荐(0)
js表单_校验表单字段是否为空
摘要： 简单demo: 1/校验输入是否为空 <!DOCTYPE html> <html> <head> <script> // 如果某个表单字段（fname）是空的，那么该函数会发出一条警告消息，并返回 false，以防止表单被提交出去： function validateForm() { var x = 阅读全文
posted @ 2021-03-11 15:03 楼顶铁板烧 阅读(609) 评论(0) 推荐(0)
2021年1月15日
post请求（下载文件）
摘要： environment.ts: export const environment = { production: false, envName: 'dev', baseURL: 'http://xxxxxxxxxxxxxx/', baseURL1: 'http://xxxxxxxxxxxxxxxxx 阅读全文
posted @ 2021-01-15 10:59 楼顶铁板烧 阅读(702) 评论(0) 推荐(0)
2020年12月23日
动态生成表格 （ng-zorro）
摘要： 一、环境 ng-cli，ant.design 二、表格 1）html： 1 <div class="table-wrap"> 2 <nz-table 3 #indexTable 4 [nzData]="indexParam['dataList']" 5 [nzBordered]=true 6 [nz 阅读全文
posted @ 2020-12-23 15:13 楼顶铁板烧 阅读(791) 评论(0) 推荐(0)
2020年12月11日
单例服务
摘要： 概念：单例服务是指在应用中只存在一个实例的服务 import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root', }) export class UserService { } //ng6开始，创建单例服务的首 阅读全文
posted @ 2020-12-11 18:18 楼顶铁板烧 阅读(116) 评论(0) 推荐(0)
模板变量 #
摘要： Angular支持 双向数据绑定 创建服务类：对于与特定视图无关并希望跨组件共享的数据或逻辑 模块变量： 1、 # 来声明一个模板变量，可在组件模板中的任何地方引用某个模板变量 <input #phone placeholder="phone number" /> <!-- lots of othe 阅读全文
posted @ 2020-12-11 16:52 楼顶铁板烧 阅读(134) 评论(0) 推荐(0)
HTML 5 系列
摘要： 一、个人归纳的常用标签： 1）页面结构类： <section> -表单、清单、文章分块等内容 <nav> <aside> -和页面内容关联度较低的内容：例如广告、搜索内容、分享链接等 <main> <footer> -标签内部可以包含版权、来源信息、法律限制等文本或者链接信息。 <header> - 阅读全文
posted @ 2020-12-11 11:47 楼顶铁板烧 阅读(72) 评论(0) 推荐(0)