2017-01-29 29 views
0

私はion2-qrcodeをiony v2プロジェクトに追加しました。それはhtml部分(テンプレートから)とts部分に分かれています。テンプレートに静的なデータを読み込んで、静的な文字列でqrコードを表示するとき。しかし、データを[data] = fooVarタグで動的にバインドすると、データなしのqrコードが作成されます(空の文字列を読み込む)。 私はdata = {{fooVar}}メソッドでバインドしようとしました。qrコードにデータがありません

htmlコード:

<div> 
    <qr-code [data]="qrdata" [size]="150"></qr-code> 
</div> 

バリアント2:

<div> 
    <qr-code data="{{ qrdata }}" [size]="150"></qr-code> 
</div> 

TSコード:ここで

this.qrdata = this.sanitizeHTML("www.a-link-to-my-page.at"); 

私は、信頼できるHTMLに消毒よ、私がまたそれを試してみました成功したURLとResourceURL。

私が見つけた唯一のものは、コンソールでこのエラーです:

Could not generate QR Code: Cannot read property 'length' of undefined 

私の最初もののタイミングの問題のためだったが、それは前に実行されますので、私は、クラスのコンストラクタでqrdataを生成ページがレンダリングされます。または私は間違っていますか?

+0

これに少し遅れていますが、他の誰かがこの問題に取り組んでいる場合、いくつかの事柄があります。1. [value] = "modelInController"を使用してコントローラからデータをバインドできました。未定義の問題の長さが増えています。つまり、コンストラクタがインスタンス化された後にqrdataが設定されています。それは 'タイミングの問題'のように思える - あなたのコンストラクタがどのように見えるかを表示できますか? – Sid

答えて

0

qr-codeタグを使用する前に、ngIfを使用してQRCode値が定義されていることを確認してください。

関連する問題