我已經不知道要寫什麼了

元件的生命週期是指元件建立和銷燬之間發生的一系列步驟。每個步驟都代表了 Angular 渲染元件並在一段時間內檢查更新過程的不同部分。

ngOnInit

ngOnInit 方法在 Angular 使用初始值初始化完所有元件輸入之後執行。
例如，我們可以已先檢查商品列表頁是否有商品資料，有的話可以直接渲染，沒有的話先呼叫後端 API 再渲染，以確保使用者不會看到空白頁。

通常會搭配 implements的寫法，加強 TypeScript 的型別辨識、程式碼可讀性、預防錯別字避免 ngOnIinit 沒有生效。

程式碼範例

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  
  ngOnInit(): void {
    // 初始化邏輯：在這裡呼叫 API、設定變數初始值等
    console.log('元件已初始化');
  }
}

參考資料：

• Angular 官網 - 生命週期