【问题标题】:What is angular 2 diagnostics comments and how it is used?什么是 Angular 2 诊断注释以及如何使用它?
【发布时间】:2023-03-13 14:22:01
【问题描述】:

在使用像 *ngIf 模板这样的结构指令时,它看起来像 angular 在源中插入诊断 cmets。

1) 为什么有用,以后怎么用?

2) 这是 Angular 2 如何在 *ngIf 中动态添加模板的吗?

使用时

 <ng-template [ngIf]="hero">
 <div>{{hero.name}}</div>
</ng-template>

Angular 在 html 中插入以下注释。

【问题讨论】:

  • 当条件为真时,它们是 dom 占位符,用于知道将元素放在哪里。 HTML cmets 也是 dom 节点(nodeType==9)
  • 好的,所以如果我在运行时删除了评论,即使我使用 AOT,展示位置也不起作用?
  • 条件变化时会出现问题
  • 你认为每次我们用模板*ngIF进行切换时,它会放置相同的组件(状态为entact)还是重新初始化的组件?
  • @ZammyPage 每次都会创建一个新组件。如果您担心这一点,请改用[hidden]

标签: javascript angular


【解决方案1】:

Angular 2 有两种类型指令,一种是结构指令,另一种是属性指令。 *ngIf 和 *ngFor 是结构指令,它基于条件 true/false 呈现 html。在错误的情况下,它会显示如上所述的注释代码。更多详情Click here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-10
    • 2015-03-13
    • 2013-10-25
    • 2014-11-19
    • 1970-01-01
    相关资源
    最近更新 更多