我试图从Javascript传递颜色到HTML标签的现有样式。然而,它不工作,因为我正在努力。请帮助。
实际的HTML
<template if:true={bmirange1}>
<div style="color: red; position:auto">BMI: {bmiValue}</div>
</template>
我在尝试什么
<template if:true={bmirange1}>
<div style="color:"{colorcode}"; position:auto">BMI: {bmiValue}</div>
</template>
你不能在模板中连接值,但是如果colorcode
将red
作为默认值,你可以定义一个getter来返回style属性的整个内容:
JS
get divStyle() {
return `position:auto; color ${this.colorcode}`;
}