[Angular Material] 如何在另一個元件打開/關閉(toggle) Sidnav

我使用Angular Material的Sidnav套件
想要做出在別的元件裡點擊按鈕也可以打開和關閉Sidnav的效果

我在網路上找了很多方法,而下面這個連結所呈現的效果正是我想要的

我依照連結裡的程式碼撰寫,但會出現以下錯誤訊息

爬文後看到說是新版的Angular會做變數的檢查
參考文章 : Angular 變數問題 (沒有初始設定式,且未在建構函式中明確指派) - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天

參考文章的解決方式加了?之後雖然不會報錯了,但卻變成另一個地方報錯
this.sidenav下面會有紅線,說 “物件可能為「未定義」”

ngOnInit() {
    this.sidenavService.sideNavToggleSubject.subscribe(()=> {
     this.sidenav.toggle();
   });
}

想請問有大大知道如何解決此問題,或是有什麼其他方法可以做到我想要的效果嗎? 感謝

當使用 ? 時,下面就要多判斷是否為 null 了. 是 TypeScript 的檢查規則
或是這樣子寫

this.sidenav?.toggle()

謝謝K大回復
照K大的說法做問題就解決了~