“AppComponent”类型上不存在属性“isSideBarOpen”答案

【问题标题】：Property 'isSideBarOpen' does not exist on type 'AppComponent'“AppComponent”类型上不存在属性“isSideBarOpen”
【发布时间】：2021-05-07 21:05:59
【问题描述】：

下面是我的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 不存在错误。

【问题讨论】：

为什么要在 Appmodule 中定义方法和属性？

标签： angular typescript data-binding sidenav mat-sidenav

【解决方案1】：

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

【讨论】：

是的，你是对的。我错误地将代码写在 app.module.ts 中，而不是我修改的 app.component.ts 中，它工作正常。