为什么我的班级不点击Angular 4切换

Question

不知道我在做什么错我已经在我的角度应用程序中设置了一个类切换，它似乎不起作用

CHATSIDEBAR.COMPONENT.HTML

 <div id="chatsidebarheader">
        <h3><img src="{{meddyLogo}}"> Chat with Meddy</h3>
        <div (click)="userSettingsClass()">
            <img id="usersettingsbutton" src="{{userSettingsLogo}}">
        </div>
</div>
<div id="chatbar-usersettings" [ngClass]="{'usersettings-active': isUserSettingsActive}">
    <h1>User Settings</h1>
</div>

CHATSIDEBAR.COMPONENT.TS

  isUserSettingsActive = true;

  userSettingsClass(){
      this.isUserSettingsActive = !this.isUserSettingsActive;
  }

任何帮助，将不胜感激谢谢！

Answer 1

如果您的类是预定义的，则最好使用[class.usersettings-active]="isUserSettingsActive"而不是[ngClass]. [ngClass] [ngClass]. [ngClass]应该用于动态添加的类。 但是，对于这个问题，我认为您的表达式应类似于[ngClass]="isUserSettingsActive ? 'usersettings-active' : ' '" ，请注意空字符串' ' 。