在我的模板中使用这个,
<span [ngStyle]="myStyle()"> HELLO </span>
在我的组件中,
myStyle(): string {
return '{"background-color":"blue"}'
}
我越来越
ERROR Error: Cannot find a differ supporting object '{"background-color":"blue"}'
at KeyValueDiffers.webpackJsonp.../../../core/@angular/core.es5.js.KeyValueDiffers.find (core.es5.js:8051)
at NgStyle.set [as ngStyle] (common.es5.js:2441)
at updateProp (core.es5.js:11114)
at checkAndUpdateDirectiveInline (core.es5.js:10806)
at checkAndUpdateNodeInline (core.es5.js:12349)
at checkAndUpdateNode (core.es5.js:12288)
at debugCheckAndUpdateNode (core.es5.js:13149)
at debugCheckDirectivesFn (core.es5.js:13090)
at Object.View_AppComponent_2.currVal_2 [as updateDirectives] (AppComponent.html:10)
at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:13075)
View_AppComponent_2 @ AppComponent.html:10
webpackJsonp.../../../core/@angular/core.es5.js.DebugContext_.logError @ core.es5.js:13415
原因是[ngStyle]
不接受字符串。它接受一个对象。试试这个,
myStyle(): object {
return {"background-color":"blue"};
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)