2017-01-18 3 views
1

У меня есть vimeo api, который я извлекаю с помощью угловых или угловых2.Angularjs и vimeo api: iframe отображается как строка вместо iframe

Все работает отлично, за исключением iframe.

Я использую {{data.embed.html}} для отображения IFRAME, но отображает IFRAME как строка, а не видео

Это мой video.component.html:

<div *ngFor="let item of lenght; let i = index"> 
    <div *ngFor="let video of videos"> 
    <ul> 
     <li>{{video.data[i].embed.html}}</li> 
    </ul> 
    </div> 
</div> 

и это то, что я получаю вместо получения реального видео. Он отлично работает, если я делаю это в регулярном запросе ajax get в javascript, но я не могу заставить его работать в любой угловой версии.

Спасибо за вашу помощь.

ответ

0

Вы ищете директиву [innerHtml].

<li [innerHtml]="video.data[i].embed.html"></li> 

Подробнее об этом в Angular2 guide.

+1

Спасибо, Даниил. Это работает!! Мне пришлось санировать его, но теперь он работает. Я понятия не имею, как я не мог этого найти раньше. –

0

Git содержит все ответы!

https://github.com/erost/ng-videosharing-embed

Попробуйте запустить этот код ..

<embed-video iframe-id="vimeo1" api="1" player_id="vimeo1" ng-href="//vimeo.com/111690998"><a href="//vimeo.com/111690998">Watch</a></embed-video> 
+0

Спасибо за ваш ответ Мухаммад. Ответ Даниила был тем, что мне нужно. благодаря –

Смежные вопросы