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

Question

我在Angular 2中使用A-Frame。

当我将图片链接直接放在std::copy_n(std::istream_iterator<int>(std::cin), N_num, std::back_inserter(v)); ，

中时

src

效果很好。 working plunker

但是，如果我正在使用

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

与

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

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

如何解决此问题或任何走动方式？谢谢！

Answer 1

我不确定a-curvedimage元素在运行时具有哪些属性，但它可能不具备src 属性这将反映src 属性的值。在这种情况下，您的最佳选择可能会绑定到src 属性，如下所示：<a-curvedimage [attr.src]="url" position="0 2 0"></a-curvedimage>

请记住，在浏览器中呈现的元素可以同时具有属性和属性，而Angular可以将绑定区分为这些属性和属性。大多数情况下，属性和相应的属性名称是相同的，因此差异并不重要。尽管如此，有些元素的属性和属性名称并不匹配，因此您需要在Angular绑定语法中保持精确。