使用Angular的property binding给HTML DOM元素的class动态赋值

简介: Component html源代码:

image.png

image.png

eval  @ VM2789:1
addClass  @ platform-browser.js:1238
addClass  @ animations.js:613
(anonymous) @ common.js:3930
_toggleClass  @ common.js:3924
(anonymous) @ common.js:3849
forEachAddedItem  @ core.js:28345
_applyIterableChanges @ common.js:3843
ngDoCheck @ common.js:3800
callHook  @ core.js:4731
callHooks @ core.js:4691
executeInitAndCheckHooks  @ core.js:4631
refreshView @ core.js:12027
refreshComponent  @ core.js:13459
refreshChildComponents  @ core.js:11730
refreshView @ core.js:12065
renderComponentOrTemplate @ core.js:12143
tickRootContext @ core.js:13666
detectChangesInRootView @ core.js:13700
detectChanges @ core.js:15409
tick  @ core.js:43147
_loadComponent  @ core.js:43197
bootstrap @ core.js:43123
(anonymous) @ core.js:42698
_moduleDoBootstrap  @ core.js:42694
(anonymous) @ core.js:42649
invoke  @ zone-evergreen.js:364
onInvoke  @ core.js:41669
invoke  @ zone-evergreen.js:363
run @ zone-evergreen.js:123
(anonymous) @ zone-evergreen.js:857
invokeTask  @ zone-evergreen.js:399
onInvokeTask  @ core.js:41647
invokeTask  @ zone-evergreen.js:398
runTask @ zone-evergreen.js:167
drainMicroTaskQueue @ zone-evergreen.js:569
Promise.then (async)    
scheduleMicroTask @ zone-evergreen.js:552
scheduleTask  @ zone-evergreen.js:388
scheduleTask  @ zone-evergreen.js:210
scheduleMicroTask @ zone-evergreen.js:230
scheduleResolveOrReject @ zone-evergreen.js:847
then  @ zone-evergreen.js:979
bootstrapModule @ core.js:42679
./src/main.ts @ main.ts:11
__webpack_require__ @ bootstrap:79
0 @ unless.directive.ts:33
__webpack_require__ @ bootstrap:79
checkDeferredModules  @ bootstrap:45
webpackJsonpCallback  @ bootstrap:32
(anonymous) @ main.js:1


相关文章
|
28天前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
16 1
|
28天前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
11 1
|
1月前
|
JavaScript vr&ar
vue3通过ref获取dom元素并修改样式
vue3通过ref获取dom元素并修改样式
110 0
|
15天前
|
JavaScript
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
15 0
|
2天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
17 10
|
7天前
|
JavaScript 前端开发
|
29天前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
9 0
|
29天前
|
JavaScript
jQuery操作DOM元素案例
jQuery操作DOM元素案例
10 0
|
29天前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
9 0
|
29天前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
8 0