Angular模板高级使用

Angular模板高级使用

使用ng-template

Angular自带一个叫做ng-template的组件，它允许我们声明Angular模板的任何部分。这是给我们的模板赋予动态性的一种很好的方式，让我们能够把我们的代码传递给其他组件。

在app.component.html文件中写一个ng-template组件。

<ng-template #hello>
  Hello, World
ng-template>

此时运行会发现这段代码并没有渲染，这是因为ng-template组件里的东西只能被获取，并不能显示，可能这样讲比较绕，你可以认为他是在定义一个变量，是为了后续可以使用它。

为了后续能够使用它，可以给它定义一个模板变量名，然后通过ViewChild来获取。

export