Angular 6不调用ngClass
创始人
2024-10-16 06:30:23
0

在Angular 6中,可以使用以下方法来解决不调用ngClass的问题:

  1. 确保在组件中导入了FormsModuleReactiveFormsModule,并将其添加到@NgModule装饰器的imports数组中。
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
  ],
  // other configurations
})
export class AppModule { }
  1. 确保在组件模板中正确使用ngClass指令,并且表达式返回布尔值。
Example

其中,condition1condition2是在组件中定义的布尔类型变量。

  1. 如果在组件代码中修改了ngClass表达式的条件,确保在更改后调用了ChangeDetectorRefdetectChanges()方法。
import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
Example
` }) export class ExampleComponent { condition1: boolean = true; condition2: boolean = false; constructor(private cdr: ChangeDetectorRef) { } changeConditions() { this.condition1 = !this.condition1; this.condition2 = !this.condition2; this.cdr.detectChanges(); } }

在上述示例中,当点击按钮时,会切换condition1condition2的值,并调用detectChanges()方法来更新视图。

如果以上方法都没有解决问题,可以尝试重启Angular开发服务器或清除浏览器缓存,有时候这些问题可能是由于开发环境或缓存问题引起的。

相关内容

热门资讯

攻略讲解!pokemmo手机版... 攻略讲解!pokemmo手机版脚本,hhpoker透视脚本视频,解密教程(有挂软件)是一款可以让一直...
分享实测!wepoker有什么... 分享实测!wepoker有什么规律,hardrock作弊,可靠教程(有挂软件)是由北京得wepoke...
交流学习经验!wepoker底... 交流学习经验!wepoker底牌透视,wepoker网页版透视方法,存在挂教程(有挂教程)关于wep...
发现玩家!德普之星辅助器,we... 1、发现玩家!德普之星辅助器,wepoker手机插件,曝光教程(有挂技巧);详细教程。2、德普之星辅...
一起来讨论!德州局透视脚本免费... 一起来讨论!德州局透视脚本免费版下载手机版,wepoker私人局俱乐部,AA德州教程(有挂技巧);致...
技术分享!we poker辅助... 技术分享!we poker辅助器v3.3,aapoker ai插件,详细教程(有挂攻略);亲真的是有...
实测必看!wepoker智能辅... 实测必看!wepoker智能辅助插件,wepoker轻量版透视系统,我来教教你(有挂神器);原来确实...
玩家必看!wepoker私人局... 玩家必看!wepoker私人局外卦,wepoker怎么设置透视,可靠技巧(有挂攻略)是一款可以让一直...
实测发现!wepoker免费透... 实测发现!wepoker免费透视,pokemomo辅助软件,攻略教程(有挂软件)1、点击下载安装,微...
让我来分享经验!wepoker... 让我来分享经验!wepoker智能辅助插件,wepoker辅助透视,曝光教程(有挂方法);《WPK辅...