注：以下學(xué)習(xí)筆記均來(lái)源于Angular教程_Angular8 Angular9 Angular12入門(mén)實(shí)戰(zhàn)視頻教程

一、Angular?中的 dom 操作

1.原生 js

2.裝飾器 @ViewChild

• 首先給需要獲取的 dom 節(jié)點(diǎn)起一個(gè)名字。

• 在業(yè)務(wù)邏輯中引入 Angular 核心模塊中的 ViewChild。

• 生命周期函數(shù) ngAfterViewInit 中獲取 dom。

代碼如下：

3.父組件通過(guò) @ViewChild 調(diào)用子組件的方法

父組件：

子組件：

二、Angular 執(zhí)行 CSS3 動(dòng)畫(huà)

效果圖：

• 頁(yè)面結(jié)構(gòu)：

• 頁(yè)面樣式：

• 頁(yè)面邏輯：

? ? ? ??