如何在非Angular元素中使用[src]？

Question

我在 Angular 2.

中使用 A-Frame

当我把图片link直接放在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>

效果很好。 working plunker

但是，如果我使用

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

和

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

它不会给我任何错误，但它也不显示图像。 issue plunker.

我该如何解决这个问题或任何解决方法？谢谢！

Answer 1

我不确定 a-curvedimage 元素在运行时有什么属性，但它可能没有 src 属性将反映 src 属性的值。在这种情况下，您最好的选择可能是像这样绑定到 src 属性：<a-curvedimage [attr.src]="url" position="0 2 0"></a-curvedimage>

请记住，在浏览器中呈现的元素可以同时具有特性和属性，Angular 区分与这些元素的绑定。大多数情况下，一个属性和相应的属性名称是相同的，所以差异无关紧要。不过，有些元素的属性和属性名称不匹配，因此您需要在 Angular 绑定语法中保持精确。

如何在非Angular元素中使用[src]？

How to use [src] in non-Angular elements?

aframe

angular