类型 'AppComponent' 上不存在属性'isSideBarOpen'

Question

下面是我的html组件

<div>
<mat-sidenav-container class="main-container">
<mat-sidenav #sideBarRef opened mode="side" [(opened)]='isSideBarOpen'>
<mat-nav-list>
<a mat-list-item href="#"> Home </a>        
<a mat-list-item href="#"> Updates </a>        
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content>
<mat-toolbar color="primary"><button (click)='sideBarRef.toggle()'><mat-icon>menu</mat-icon></button>My Application</mat-toolbar>
</mat-sidenav-content>
</mat-sidenav-container>
</div>

这是我的app.module.ts文件

export class AppModule { 
title = 'Angular Application';
isSideBarOpen = true;
openSideBar() {
this.isSideBarOpen = true;
}
closeSideBar() {
this.isSideBarOpen = false; 
}
}

即使我声明变量isSideBarOpen，为什么我得到变量isSideBarOpen不存在的错误。

Answer 1

考虑到app.component.html中的html代码，该变量应该存在于app.component.ts而不存在于app.module.ts