随笔分类 - angular
摘要:1. cdk 文档 https://material.angular.io/cdk/categories 2. bidi 模块,设置布局方向。 (1)一个服务 Directionality export declare class Directionality implements OnDestro
阅读全文
摘要:1. cdk 文档 https://material.angular.io/cdk/categories 2. a11y 模块 (1)a11y 提高页面可访问性 使用 alt 属性进行图像处理 添加 ARIA属性 来描述内容 允许文本大小定制 提供高对比度模式 用 TAB 或者↑↓←→ 键处理键盘导
阅读全文
摘要:1. cdk 文档 https://material.angular.io/cdk/categories 2. platform 模块提供获取平台信息,以及平台支持的功能 (1)在使用之前的先import PlatformModule模块到我们工程里面来(这也是使用cdk里面Platform里面功能
阅读全文
摘要:1. cdk 文档 https://material.angular.io/cdk/categories 2. keycodes 模块提供 import { hasModifierKey } from "@angular/cdk/keycodes"; (1)判断是否有 "修饰按键" 按下(type
阅读全文
摘要:cdk库模块解释 @angular/cdk/coercion 常用类型转换工具 @angular/cdk/keycodes 常用键码 @angular/cdk/a11y accessibility 放置一些方便与使用者互动的功能 @angular/cdk/bidi 设置布局方向 @angular/c
阅读全文
摘要:1. cdk 文档 https://material.angular.io/cdk/categories 2. coercion 模块提供了一些类型转换的工具。 import { _isNumberValue, coerceArray, coerceBooleanProperty, coerceCs
阅读全文
摘要:面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度,提高扩展性。 在服务中注入服务 控制反转 IOC Inversion of Control 用自己的话来说就是,对象的依赖,不再由自己创建(不用自己new,以及挂载等等操作) 而是自己声明一下依赖就行 对象会有一个 ioc 容器工作:
阅读全文
摘要:标签的渲染原理 Angular 支持的两类表单 响应式表单和模板驱动表单都建立在下列基础类之上: FormControl 实例用于追踪单个表单控件的值和验证状态 FormGroup 用于追踪一个表单控件组的值和验证状态 FormArray 用于追踪表单控件数组的值和验证状态 ControlValue
阅读全文
摘要:父子组件 @Input 组件: 接收来自父组件的参数 @ViewChild @ViewChild 属性装饰器,将子组件 CountdownTimerComponent 注入到私有属性 timerComponent 里面 import { AfterViewInit, ViewChild } from
阅读全文
摘要:管道 管道能接受多个参数,就用冒号分隔这些值 模板表达式 {{ amount | currency:'EUR' }} 会把 amount 转换成欧元 Angular 忽略了被改变的数组元素的原因是对数组的引用没有改变。由于 Angular 认为该数组仍是相同的,所以不会更新其显示 解决 (在复合对象
阅读全文
摘要:数据绑定: 属性绑定 <img [src]="heroImageUrl"> <app-hero-detail [hero]="currentHero"></app-hero-detail> <div [ngClass]="{'special': isSpecial}"></div> 事件绑定 <bu
阅读全文
摘要:目录 1. 一些概念: (1)元数据:描述的是装饰器 其实就是属性,比如 @Component 这个修饰器的元数据就是: selector、templateUrl、providers @Component({ selector: 'app-hero-list', templateUrl: './he
阅读全文
摘要:Wait for you angular 10 目录 Angular 学习前期准备 angular 中文文档 w3cschool angular9 中文教程 参考 wendellhu95 的 angular 学习历程 (angular 新手如何有效学习 angular? - 知乎) typescri
阅读全文
摘要:转自:angularJS 的工作原理 转自:通过<script>标签引入到 HTML 中,那么此时 Angular 就做为一个普通的 DOM 节点等待浏览器解析 当浏览器解析到这个节点时,发现它是一个 js 文件,那么浏览器会停止解析剩余的 DOM 节点,开始执行这个js(即angular.js)
阅读全文