无涯教程网

Angular [ngClass] 与 [class] 绑定之间的区别

发布于07月26日

以下片段在Angular 2中的区别是什么:

<div [class.extra-sparkle]="isDelightful">
<div [ngClass]="{'extra-sparkle': isDelightful}">

推荐答案

这是一种特殊的Angular 绑定语法

<div [class.extra-sparkle]="isDelightful">

这是Angular 编译器的一部分，您不能构建遵循此绑定样式的自定义绑定变体.仅支持[class.xxx]="..."、[style.xxx]="..."和[attr.xxx]="..."

ngClass是一个正常的Angular 指令，因为您可以自己构建它

<div [ngClass]="{'extra-sparkle': isDelightful}">

ngClass更强大.它允许您绑定一个类字符串、一个字符串数组或一个对象，如示例中所示.

Angular相关问答推荐

升级到angular 17并转换为独立的加载器拦截器后，

使用当前选定的选项创建IF语句

未触发HTTP拦截器

要素存储更改根存储状态

如何修复不允许的HttpErrorResponse 405？

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

如何在 form.value 中禁用复选框

Angular：显示带有嵌套子项的内容投影

如何在Cypress 测试中切换 Angular 选项卡

多个 Mat Paginator 在 Angular 组件中不起作用

如何在 Angular 2 模板中使用枚举

不再需要 core-js 了吗？

res.json() 不是函数

如何在数据表angular material中显示空消息，如果未找到数据

来自 ngFor 项的动态 routerLink 值给出错误Got interpolation ({{}}) where expression was expected

Angular-CLI 代理到后端不起作用

ngx-toastr，Toast 未在 Angular 7 中显示

Angular 中 polyfills.ts 文件有什么用

在 Angular 2 中对 observable 进行单元测试

使用 EventEmitter 传递参数

实用课程推荐

相关教程推荐