Angular模板高級使用

使用ng-template

Angular自帶一個叫做ng-template的組件，它允許我們聲明Angular模板的任何部分。這是給我們的模板賦予動態性的一種很好的方式，讓我們能夠把我們的代碼傳遞給其他組件。

在app.component.html文件中寫一個ng-template組件。

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

此時運行會發現這段代碼并沒有渲染，這是因為ng-template組件里的東西只能被獲取，并不能顯示，可能這樣講比較繞，你可以認為他是在定義一個變量，是為了后續可以使用它。

為了后續能夠使用它，可以給它定義一個模板變量名，然后通過ViewChild來獲取。