angular2及其用途中的<template>是什么？

Question

在line 91 of this angular2 control上，使用了特殊标记<template>。有什么用？

Answer 1

查看角度docs：

  

结构指令（如ngIf）通过使用 HTML 5模板标记来发挥其魔力。

什么是结构指令？

  

Structural指令通过添加和删除来更改DOM布局   DOM元素。我们已经看到了三个内置的结构指令   在其他章节中：ngIf，ngSwitch和ngFor。

什么是 HTML 5模板元素？看看here。

  

HTML元素是一种用于保存客户端内容的机制，该内容在加载页面时不会呈现，但随后可以在运行时使用JavaScript进行实例化。

示例：

<p *ngIf="test.length > 0"><h1>Hello</h1></p>

asterix *表明它是一个结构指令。 上面示例的非简写语法是：

<template [ngIf]=”test.length > 0">
    <p>
       <h1>Hello</h1>
    </p>
</template>

因此，如果表达式的结果为false，则将从DOM中删除该元素。