相当于AngularJS中“值”属性的ng-src

Question

使用AngularJS，我试图将vimeo链接嵌入到我的页面之一。 但是，根据用户是来自HTTP还是来自HTTP，我们将相应地更改URL。

 <div class="video">
    <object width="640" height="480">
        <param name="allowfullscreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        <param name="movie" value="{{sslCheck}}//vimeo.com/moogaloop.swf?clip_id=12345&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=666699&amp;fullscreen=1" />
        <embed ng-src="{{sslCheck}}//vimeo.com/moogaloop.swf?clip_id=12345&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=666699&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="480">
        </embed>
    </object>
</div>

控制器中的sslCheck将为“ https：”或“ http” 。

问题是ng-src可以正确获取HTTPs和Google Chrome中HTTP的URL，但是

<param name="movie" value="{{sslCheck}}//vimeo.com/moogaloop.swf?clip_id=12345&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=666699&amp;fullscreen=1" />

不在Google Chrome中运行（尽管它在FF中有效）。 在控制台中，我们可以看到它正在尝试获取

https://myDomain.com/％7B％7BmovieURL％7D％7D // vimeo ......

我是否需要为此创建一个指令，或者我可以使用AngularJS中的一些新东西？

谢谢！

Answer 1

实际上，我认为最好的方法就是不使用sslCheck。 浏览器应该为您处理此问题，类似于对CDN的处理方式，例如：

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>

因此，您的代码就是：

<div class="video">
    <object width="640" height="480">
        <param name="allowfullscreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        <param name="movie" value="//vimeo.com/moogaloop.swf?clip_id=12345&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=666699&amp;fullscreen=1" />
        <embed ng-src="//vimeo.com/moogaloop.swf?clip_id=12345&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=666699&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="480">
        </embed>
    </object>
</div>

Answer 2

看起来指令似乎是您最好的选择，但是您可以从本质上创建一个指令param来模拟本机param标签，如下所示：

module.directive("param", function(){
  return {
   scope: {
     value: "@",
   },
   link: function( scope, element, attrs ){
     element.attr("value", scope.value );
   }
  }
})