angular9使用iconfont （symbol方式）-爱代码爱编程
angular9使用iconfont （symbol方式） 如果想借助ng-zorro使用可以看我另一篇博客：angular 使用ng-zorro添加iconfont图标 本篇文章主要讲symbol方式，其他两种方式当然也可以，但是symbol有自身的许多优点（与另外两种相 支持多色图标等），当然也有缺点（兼容性较差；浏览器渲染svg的性能一般等）可以视
Angular的FormControlDirective和FormControlName-爱代码爱编程
官方文档 https://angular.cn/api/forms/FormControlDirective https://angular.cn/api/forms/FormControlName Usage for FormControlDirective name = new FromControl(''); <input type=
angular 使用ng-zorro添加iconfont图标-爱代码爱编程
angular 使用ng-zorro添加iconfont图标 在本文章我使用的是symbol的方式，你也可以使用fontClass或者unicode方式，但据官方原话来说，symbol是以后的主流 方式，推荐使用。 另外，如果你不想借助ng-zorro，而是单纯使用angular引用iconfont,可以看我另一篇博客。 入口：angular9使用ico
angualr 上传文件-爱代码爱编程
一、代码信息 https://ng.ant.design/version/8.5.x/components/upload/zh 这边选择自定义选择，样式代码如下 import { HttpClient, HttpEvent, HttpEventType, HttpRequest, HttpResponse } from '@angular/com
Angular基础教程+Demo项目——尽可能全面一些——第一节-爱代码爱编程
第二节预告：生命周期函数、Rxjs、数据请求、路由 学习过程中所写的Demo_GitHub——学习Angular——浅度学习Demo官网：https://angular.cn/（官网是最好的老师哦，追求技术的大神可以继续深入啦） Angular前言（跳过即可，自勉而已） 一写博客，不例外的喜欢啰嗦一下，本人是广大java后端开发中的一员，但是因为工作需
ionic3和ionic4以上不同版本的environment多环境配置-爱代码爱编程
一、ionic3中多环境配置 ionic3 中使用 environments 讲解： ionic3中是利用@ionic/app-scripts插件来启动应用的，要是node_module里面没有这个插件的话，得手动下载安装：@ionic/app-scriptnpm install @ionic/app-scripts@latest --save-dev
angular将不同的系统时区转换为北京时间-爱代码爱编程
angular将不同的系统时区转换为北京时间 今天某个客户跟我们的产品经理反馈，咱们的管理后台同一条数据在不同电脑的时间显示竟然不同，差了八个小时。此时我便立即意识到是这位客户的电脑时区设置有问题。不禁为我这个月的奖金担忧起来，虽然是客户的电脑问题，但毕竟问题是出在我们的系统，我们也不能要求客户去修改电脑的时区。就像我们人生的哲学道路上应该遵从的
响应式表单与级联表单详解(angular)-爱代码爱编程
响应式表单 导入依赖块 要使用响应式表单控件，就要从 @angular/forms 包中导入 ReactiveFormsModule，并把它添加到你的 NgModule 的 imports 数组中。 更新地址 src/app/app.module.ts 更新内容 引入类 import { ReactiveFormsModule }
angular+ng-zorro后台搜索页面-爱代码爱编程
继续上一次表格的内容，这次要在页面的头部加上一个搜索框，然后让表格的数据可以根据搜索内容更新 首先要介绍下ng-zorro的栅格化布局,以下摘自官网 在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，将整个设计建议区域按照 24 等分的原则进行划分。划分之后的信息区块我们称之为『盒子』。
机动车驾驶证扣分查询-爱代码爱编程
接口地址： https://rijb.api.storeapi.net/pyi/93/217(支持:http/https) 在线核验：https://www.wapi.cn/dv_license.html 网站地址：https://www.wapi.cn 返回格式：json,xml 请求方式：GET,POST 请求说明： 名称 必填 类型 说明 示例
Angular 面试题汇总1-基本知识 (Angular v8+)-爱代码爱编程
Angular 更新还是非常快的， 目前（2020）的速度是每年2个主版本。网上也有不少面试题，不过很多都是针对老的版本，尤其是AngularJS的。因为最近在看Angular的面试题，所以特意总结一下。下面内容都是基于Angular v8.0以上的。 顺便科普一下，Angular最早期的版本，也叫AnugularJS，使用javascript开发；新的
js修改/设置scss变量值(应用于主题设置)-爱代码爱编程
js修改/设置scss变量值--应用于主题设置 scss文件变量设置js修改scss中$labelFontColor变量值结语 scss文件变量设置 // --label-font-color：为js操作此变量需要用到的KEY // --#RED：默认css属性值 $labelFontColor: var(--label-font-color
Angular2读取数据-爱代码爱编程
*******.html** <div class="paojects"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-12" *ngFor="let rmxm of rmxms"> <div class=
Angular 笔记12（表单与用户输入——响应式表单、验证表单、动态表单构建）-爱代码爱编程
文章目录 响应式表单响应式表单概述显示表单控件的值更新部分数据模型使用 FormBuilder 服务生成控件显示表单状态验证表单输入在模板驱动表单中验证输入在响应式表单中验证输入验证器（Validator）函数内置验证器函数定义自定义验证器函数把自定义验证器添加到响应式表单中为模板驱动表单中添加自定义验证器跨字段交叉验证为响应式表单添加交叉验证为模
Angular 笔记11（表单与用户输入——简介）-爱代码爱编程
文章目录 简介选择一种方法关键差异可伸缩性建立表单模型建立响应式表单建立模板驱动表单表单中的数据流响应式表单中的数据流模板驱动表单中的数据流数据模型的可变性总结 简介 Angular 提供了两种不同的方法来通过表单处理用户输入：响应式表单和模板驱动表单。 两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型，并提供跟踪这些
Angular 笔记10（组件与模板——动态组件）-爱代码爱编程
动态组件 创建锚点：在添加组件之前，先要定义一个锚点来告诉 Angular 要把组件插入到什么地方。使用一个自定义辅助指令来在模板中标记出有效的插入点。import { Directive, ViewContainerRef } from '@angular/core'; @Directive({ selector: '[ad-host]', })
Angular 笔记9（组件与模板——组件样式）-爱代码爱编程
文章目录 组件样式使用组件样式范围化的样式（style scope）特殊的选择器:host:host-context已废弃 /deep/、>>> 和 ::ng-deep把样式加载进组件中CSS @imports 语法外部以及全局样式文件非 CSS 样式文件 组件样式 使用组件样式 @Component({ select
Angular 笔记9（组件与模板——组件交互）-爱代码爱编程
文章目录 组件交互通过输入型绑定把数据从父组件传到子组件通过 setter 截听输入属性值的变化通过ngOnChanges()来截听输入属性值的变化父组件监听子组件的事件父组件与子组件通过本地变量互动父组件调用@ViewChild()（重要）父组件和子组件通过服务来通讯 组件交互 通过输入型绑定把数据从父组件传到子组件 父组件： impo
angular+ng-zorro路由、表格组件-爱代码爱编程
继续上次的内容，上次的内容为angular整合ng-zorro、左边导航栏。 首先新建一个组件,下面代码会在src/app/pages路径下新建一个menus的组件 ng g component pages/menus 新建完组件后删除menus.component.spec.ts文件，这一下文件目录如下图所示： 比较重要的文件我都框起来了，app-
Angular 根据条件动态添加验证-爱代码爱编程
html<label nz-checkbox [(ngModel)]="test" (ngModelChange)="handleValueChange($event)"> 测试选中后添加验证 </label> <form nz-form [formGroup]="validateForm"&g