使用Angular4在参数中进行数据绑定

时间:2017-04-17 16:59:17

标签: angular bitcoin

我正在尝试使用相应的比特币地址和金额生成QR码。问题是我想要改变地址和QR码的数量。

我使用https://www.npmjs.com/package/angular2-qrcode生成QR码,我想将数据绑定到标签的参数中。我会把代码写成一个例子,这样我可以更清楚地解释自己。

这是现在的代码:

<div>
      <qr-code [value]="'bitcoin:1MoLoCh1srp6jjQgPmwSf5Be5PU98NJHgx?amount=.01'" [size]="150"></qr-code>
    </div>

我尝试这样做但不起作用:

<div>
      <qr-code [value]="'bitcoin:{{bitcoinAddress}}?amount={{transactionAmount}}'" [size]="150"></qr-code>
    </div>

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

我明白了。我声明了一个名为dataBitcoin的新变量,然后将其绑定到html。

这是代码

component.ts

private bitcoinAddress = '12z3Uu6Gj8DjA4ADna9Dbe9aZRmZnRnfmL';
private transactionAmount‌ = 2;

bitcoinData = "bitcoin:" + this.bitcoinAddress + "?amount=" + this.transactionAmount‌;

HTML

<qr-code [value]="bitcoinData" [size]="150"></qr-code>