当前位置 : 主页 > 网络编程 > JavaScript >

Angular中的结构指令模式及使用详解

来源:互联网 收集:自由互联 发布时间:2023-02-08
目录 你将学到什么 Angular 结构指令是什么? Angular 结构指令是怎么工作的? 结构指令的例子 怎么使用 *ngIf 指令 怎么使用 *ngFor 指令 怎么使用 *ngSwitch 指令 Angular 中我们什么时候需要用
目录
  • 你将学到什么
  • Angular 结构指令是什么?
    • Angular 结构指令是怎么工作的?
    • 结构指令的例子
    • 怎么使用 *ngIf 指令
    • 怎么使用 *ngFor 指令
    • 怎么使用 *ngSwitch 指令
    • Angular 中我们什么时候需要用结构指令呢?
  • 总结

    你将学到什么

    在 Angular 中,有两种类型的指令。属性指令修改 DOM 元素的外观或者行为。结构指令添加或者移除 DOM 元素。

    结构指令是 Angular 中最强大的特性之一,然而它们却频繁被误解。

    如果你对学习 结构指令 感兴趣,那么现在我们就来接着阅读,并了解它们是什么,它们有什么用以及如何在项目中使用它们。

    在本文中,你将学到关于 Angular 结构指令模式的知识点。你会知道它们是什么并且怎么去使用它们。

    学完本文,你将更好理解这些指令并在实际项目中使用它们。

    Angular 结构指令是什么?

    Angular 结构指令是能够更改 DOM 结构的指令。这些指令可以添加、移除或者替换元素。结构指令在其名字之前都有 * 符号。

    在 Angular 中,有三种标准的结构化指令。

    • *ngIf - 根据表达式返回的布尔值,有条件地包含一个模版(即条件渲染模版)
    • *ngFor - 遍历数组
    • *ngSwitch - 渲染每个匹配的是图

    下面

    上一篇:ant-design-vue动态表格合并案例
    下一篇:没有了
    网友评论