使用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


相关文章
|
6天前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
6天前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
9天前
|
JavaScript 前端开发
JavaScript HTML DOM
JavaScript HTML DOM
22 2
JavaScript HTML DOM
|
6天前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
12 5
|
6天前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 集合(Collection)
JavaScript HTML DOM 集合(Collection)
8 4
|
8天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
14 5
|
6天前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
13 2
|
8天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
16 4
|
8天前
|
JavaScript 前端开发
JavaScript HTML DOM EventListener
JavaScript HTML DOM EventListener
13 2
|
10天前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
15 2