用Angular4參數化Databiding

我試圖用相應的比特幣地址和金額生成QR碼。問題是我想要改變QR碼的地址和數量。用Angular4參數化Databiding

Im使用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>

感謝您的幫助！

來源

2017-04-17 Claudio Ramírez Guichard

這是否幫助？ https://github.com/SuperiorJT/angular2-qrcode/issues/10#issuecomment-277293389 –

嘗試在qr-code標籤下使用添加ngModel，如 – skid

測試它：'value ='bitcoin：{{bitcoinAddress}}？amount = {{transactionAmount}}''或...'[value] =''bitcoin：'+ bitcoinAddress +'？amount =' + transactionAmount「' – developer033

我明白了。我宣佈了一個名爲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>

來源

2017-04-17 18:47:30

用Angular4參數化Databiding

回答

相關問題