无法绑定到"showQR"，因为它不是"div"的已知属性？

Question

我有一个像这样的div

<div
class="empower-btn"
[showQR]="showQR"
[selectedCoin]="coin"
[availableAmount]="getCoinAmount()"
[coinAmount]="getCoinAmount()"
>stuff</div>

在我的组件中我像这样声明属性

showQr;
coinAmount;
coin;
availableAmount;

然而，我得到一个错误的

不能绑定到'showQR'，因为它不是'div'的已知属性?

如何删除此错误?谢谢我是否以错误的方式绑定了财产?

Answer 1

我认为您缺少对在DOM中使用自定义属性的基本理解。为此我们使用指令。AngularJS很少有内置的属性指令，比如ng-model、ng-class等。不要被它们弄糊涂了。仅仅因为事物从你身上被抽象出来并不意味着它没有被实现。

请参考文档来详细理解指令的概念。指令AngularJS文档

Answer 2

请将[showQR]替换为*ng-if或ng-show。ng-if将在每次showQR更改时删除并重新创建div。ng-Show将保留div，但只是隐藏和显示div。(https://stackoverflow.com/a/19177773/16607579)

同样，您不应该以这种方式添加其他变量。可以使用ng-bind: https://www.w3schools.com/angular/ng_ng-bind.asp

(可能需要为每个变量创建一个单独的html元素)