Angular 强制角度更改元素的自定义特性

我的客户购买了一个Angular模板，我需要使用该模板构建应用程序

我有这样一个场景：

<div 
     class="sidebar" 
     data-color="white" 
     data-background-color="purple" 
     data-image="../assets/img/sidebar-1.jpg" />

这是可行的，但我想使用角度变量更改颜色，例如：

<div 
     class="sidebar" 
     data-color="{{MyColorVariable}}" 
     data-background-color="purple" 
     data-image="../assets/img/sidebar-1.jpg" />

但这是行不通的。我收到这个错误：

模板分析错误：无法绑定到“color”，因为它不是“div”的已知属性

是的，像颜色或数据颜色之类的东西实际上不是div的属性。所以，请拒绝它

有什么解决办法吗

谢谢

试试这个：

constructor(private renderer: Renderer2, private el: ElementRef) {}

ngOnInit() {
  this.renderer.setAttribute(this.el.nativeElement, 'color', 'white');
}

---

根据这一点，它应该工作，但我还没有测试它，我不使用自定义属性；如果答案不起作用，将删除它

您是否尝试过

attr.data color=“{{MyColorVariable}}”

？或者

[attr.data color]=“MyColorVariable”

我想不需要花括号，这样行吗？data color=“mycolorviable”谢谢，Zero和Franklin…没有括号，这将被视为静态字符串。Yurzui，这会让心房肌消失…但这是一个很好的尝试！谢谢@正如你在书中所看到的那样，yurzui的建议应该有效。您还应使用结束标记关闭

div

。