Блог

Я использую A-Frame в Angular 2.

Когда я помещаю ссылку на изображение непосредственно в 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>
  

это работает хорошо. рабочий плунжер

Однако, если я использую

   <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';
  

Это не выдаст мне никакой ошибки, но также не показывает изображение. проблема с плунжером.

Как я могу решить эту проблему или каким-либо обходным путем? Спасибо!

Я не уверен, какими свойствами a-curvedimage обладает элемент во время выполнения, но может случиться так, что у него нет src свойства, которое отражало бы значение src атрибута. В этом случае лучшим вариантом может быть привязка к src атрибуту следующим образом: <a-curvedimage [attr.src]="url" position="0 2 0"></a-curvedimage>

Имейте в виду, что элементы, отображаемые в браузере, могут иметь как атрибуты, так и свойства, и Angular различает привязки к ним. В большинстве случаев имена атрибутов и соответствующих свойств совпадают, поэтому разница не имеет значения. Тем не менее, есть элементы, в которых имена атрибутов и свойств не совпадают, поэтому вам нужно быть точным в синтаксисе привязки Angular.