时间戳

首页 > 解决方案 > 如何绑定到 Angular 中的数据检查和数据未检查

html - 如何绑定到 Angular 中的数据检查和数据未检查

问题描述

data-checked我有一个切换开关，它决定使用和data-uncheckedhtml 属性将哪些文本放入 div 中。

我还有一个 Angular 管道，它使用网站语言翻译网站的所有文本。

我想要做的基本上是根据用户选择的语言将内容放在我的切换开关中。（就像我正在做的其余部分一样）

此代码工作正常：

    <div
      class="can-toggle__switch"
      data-checked="USDT"
      data-unchecked="IRT"
    ></div>

但是当我想像这样绑定数据检查和数据未检查​​时：

    <div
      class="can-toggle__switch"
      [data-checked]="{{ firstItemText | translate }}"
      [data-unchecked]="{{ secondItemText | translate }}"
    ></div>

我收到以下错误：

Can't bind to 'data-checked' since it isn't a known property of 'div'.

标签： htmlangulartypescriptproperty-binding

解决方案

您需要在数据绑定中添加以下前缀。

[attr.data-checked]="{{ firstItemText | translate }}"
[attr.data-unchecked]="{{ secondItemText | translate }}"

推荐阅读