目录 你将学到什么 Angular 结构指令是什么? Angular 结构指令是怎么工作的? 结构指令的例子 怎么使用 *ngIf 指令 怎么使用 *ngFor 指令 怎么使用 *ngSwitch 指令 Angular 中我们什么时候需要用
目录
- 你将学到什么
- Angular 结构指令是什么?
- Angular 结构指令是怎么工作的?
- 结构指令的例子
- 怎么使用 *ngIf 指令
- 怎么使用 *ngFor 指令
- 怎么使用 *ngSwitch 指令
- Angular 中我们什么时候需要用结构指令呢?
- 总结
你将学到什么
在 Angular 中,有两种类型的指令。属性指令修改 DOM 元素的外观或者行为。结构指令添加或者移除 DOM 元素。
结构指令是 Angular 中最强大的特性之一,然而它们却频繁被误解。
如果你对学习 结构指令 感兴趣,那么现在我们就来接着阅读,并了解它们是什么,它们有什么用以及如何在项目中使用它们。
在本文中,你将学到关于 Angular 结构指令模式的知识点。你会知道它们是什么并且怎么去使用它们。
学完本文,你将更好理解这些指令并在实际项目中使用它们。
Angular 结构指令是什么?
Angular 结构指令是能够更改 DOM 结构的指令。这些指令可以添加、移除或者替换元素。结构指令在其名字之前都有 * 符号。
在 Angular 中,有三种标准的结构化指令。
- *ngIf - 根据表达式返回的布尔值,有条件地包含一个模版(即条件渲染模版)
- *ngFor - 遍历数组
- *ngSwitch - 渲染每个匹配的是图
下面