Angular里ngClass的一个使用例子

ngClass定义的位置：

export declare class NgClass implements DoCheck {private _iterableDiffers;private _keyValueDiffers;private _ngEl;private _renderer;private _iterableDiffer;private _keyValueDiffer;private _initialClasses;private _rawClass;constructor(_iterableDiffers: IterableDiffers, _keyValueDiffers: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer2);set klass(value: string);set ngClass(value: string | string[] | Set<string> | {[klass: string]: any;});

一个实际的例子：

@Component({selector: "app-root",template: `<div [ngClass]="header? 'country-header': 'country-header-link'">Hello</div>`
})
export class AppComponent implements AfterViewInit {ngAfterViewInit(): void {setTimeout(() => {this.jerry = "changed!";}, 0);}jerry = "Jerry Hello";header = true;
}

最后在函数_applyIterableChanges里，给div标签添加class：

更多Jerry的原创文章，尽在：“汪子熙”:

Angular里ngClass的一个使用例子相关推荐

Angular里如何测试一个具有外部依赖的Component
例子:该Component依赖于UserService: export class WelcomeComponent implements OnInit {welcome: string;constr ...
Angular里遇到的一个依赖注入问题以及解决办法
类的实例字段定义必须在实例方法之前: 尽量避免用String类型: 我在自己Component的构造函数里试图注入一个service class: 遇到错误消息:NullInjectorError: ...
使用 Angular Transfer State 的一个具体例子
Using TransferState API in an Angular v5 Universal App 让我们用一个具体的例子来说明这篇文章. 我们有一个天气应用程序,在其侧边栏中显示城市列表. ...
Angular路由开发的一个实际例子
生成一个新的Component: 在NgModule文件app.module.ts里,找到RouterModule.forRoot, 新增一条路由信息: 这条路由信息将url同Component Pr ...
SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
SAP MM采购定价过程的一个简单例子
SAP MM采购定价过程的一个简单例子本文以一个简单的例子阐述了SAP MM模块中采购定价的基本原理.本例中,假定采购订单里输入的是含税采购价,然后系统自动计算出物料最终的采购价格(含税价-税额=采 ...
用一个实际例子理解Docker volume工作原理
要了解Docker Volume,首先我们需要理解Docker文件系统的工作原理.Docker镜像是由多个文件系统的只读层叠加而成.当一个容器通过命令docker run启动时,Docker会加载只读 ...
决策树的构造——一个手工例子
决策树的构造--一个手工例子这个数据集来自Mitchell的机器学习,叫做是否去打网球play-tennis,以下数据仍然是从带逗号分割的文本文件,复制到纪事本,把后缀直接改为.csv就可以拿Exc ...
一个ioc例子jdk和spring版本导致问题
今天橘子松在做一个简单例子的时候,出现bug让我久久找了半小时... 天啊不会吧错误如下: java.lang.NoSuchMethodError: org.springframework.a ...

Angular里ngClass的一个使用例子

Angular里ngClass的一个使用例子相关推荐

最新文章

热门文章