Question

我正在尝试向我的ion-fab-button元素添加动态标签，但似乎无法使其正常工作，因为我需要能够从变量中提供值，但无法绑定到财产。我尝试了以下操作，但看到错误：

错误：模板解析错误：无法绑定到“ desc”，因为它不是“ ion-fab-button”的已知属性。

<ion-fab-button
  color="success"
  [disabled]="true"
  desc="Already Sent Scale: {{ variable }}"
  class="labelOnRight"
>
  <i class="fa fa-presentation fs-24"></i>
</ion-fab-button>

在CSS中，我使用desc创建标签：

ion-fab-button.labelOnRight[desc]::after {
  position: absolute;
  content: attr(desc);
  z-index: 1;
  left: 55px;
  bottom: 6px;
  background-color: var(--ion-color-primary);
  padding: 5px 9px;
  border-radius: 15px;
  color: white;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12);
}

有什么办法可以做到这一点？当desc属性经过硬编码时，一切正常，但动态的则无效。

Answer 1

使用数据属性：<ion-fab-button [attr.data-desc]></ion-fab-button>

Answer 2

我认为您需要设置属性。我正在打电话，无法测试，但是让我知道它是否有效。

尝试[attr.desc] =““已发送的秤” +变量”

无法绑定到属性，因为它不是element的已知属性

2 个答案: