2016-10-08 1 views
0

私はsrcに直接画像リンクを置くとき、私はそれがうまく機能し、非角要素で[src]を使用するにはどうすればよいですか?

<a-scene> 
    <a-curvedimage src="https://upload.wikimedia.org/wikipedia/commons/b/be/Random_pyramids.jpg" position="0 2 0"></a-curvedimage> 
</a-scene> 

をアンギュラ2.

A-Frameを使用しています。 working plunker

私は

url = 'https://upload.wikimedia.org/wikipedia/commons/b/be/Random_pyramids.jpg'; 

<a-scene> 
    <a-curvedimage [src]="url" position="0 2 0"></a-curvedimage> 
    </a-scene> 

を使用していた場合しかし、それは私にエラーを与えることはありませんが、それはまた、画像は表示されません。 issue plunker

どうすればこの問題を解決できますか?ありがとう!

答えて

4

私はa-curvedimage要素は、実行時に持っているものの性質はよく分からないが、それはそれはsrc属性の値を反映することになるsrcプロパティを持っていない場合があります。この場合、あなたの最良のオプションは次のようsrc属性に結合される可能性がありますので:<a-curvedimage [attr.src]="url" position="0 2 0"></a-curvedimage>

は、ブラウザでレンダリング要素は属性とプロパティの両方を持つことができ、角度がそれらにバインディングを区別することに注意してください。ほとんどの場合、属性と対応するプロパティ名は同じなので、違いは関係ありません。それでも、属性とプロパティ名が一致しない要素がありますので、Angularバインディング構文を正確にする必要があります。

関連する問題