Angularjs-将角度变量中的url用作嵌入式youtube src

时间:2018-05-10 07:03:03

标签: javascript angularjs youtube

我在角色应用程序的前端有以下代码

  <iframe ng-hide="entry.videoLocation == null" width="560" height="315"
     ng-src="{{entry.videoLocation}}" frameborder="0" allow="autoplay; encrypted-media"
     allowfullscreen></iframe>
  <li>VL: {{entry.videoLocation}}

基本上,在某些情况下,entry.videoLocation包含youtube视频的嵌入网址。我希望将此视频嵌入到我的页面中,如果它已设置,并且如果视频为空,则不会嵌入该视频。

设置变量后,iframe标记会显示在我的页面中,并且网址会按预期打印在li标记中,并且当它为空时,这两个标记都会丢失

但是,iframe标记的src属性始终缺失。我试过调用srcng-src这两个属性都没有用。

任何人都知道它为什么不渲染?

2 个答案:

答案 0 :(得分:0)

试一试: -

<iframe ng-hide="entry.videoLocation == null" width="560" height="315"
     ng-src="entry.videoLocation" frameborder="0" allow="autoplay; encrypted-media"
     allowfullscreen></iframe>
  <li>VL: {{entry.videoLocation}}

答案 1 :(得分:0)

我认为这对你们有所帮助,不仅仅是为了视频而且这对你们PDF也有帮助,

<size>
  <width>335</width>
  <height>500</height>
  <depth>3</depth>
</size>
<segmented>0</segmented>
<object><name>train</name>
<pose>Unspecified</pose>
<truncated>0</truncated>
<difficult>0</difficult>
<bndbox>
   <xmin>139</xmin>
   <ymin>200</ymin>
   <xmax>207</xmax>
   <ymax>301</ymax>
</bndbox></object> 

这里trustThisUrl只是过滤器,

18 0.516417910448 0.501 0.202985074627 0.202

How these 0.516417910448 0.501 0.202985074627 0.202 are related to 139 200 207 301?