在 Angular 中使用 <script src="..."> 加载外部脚本

Question

我需要在 URL 中包含一个具有会话 ID 的脚本（我通常不会这样做，但我使用 Crocodoc 将文档嵌入到页面中，他们似乎没有其他方法它不使用不可自定义的 iFrame）：

<!--sets a global variable "_doc" that is needed for initialization-->
  <script src="//crocodoc.com/webservice/document.js?session=tohY5vh3dPjUbmW6_imSQFshvQUsJ3fuJFyG7CxBU-E3AArTbELI3U0bSJBm6z5ZKtXpJQCnJ-EU1J2WGbuu6WH4e3Bglcy38TplHg"></script>

我尝试了一些简单的事情，例如：

<script ng-src="//crocodoc.com/webservice/document.js?session={{ file.crocodoc_session }}"></script>

这可以很好地写出标签，但从不请求脚本。我还尝试仅使用“src”而不是“ng-src”，但它会在 URL 中使用“{{ file.crocodoc_session }}”发出请求，并且一旦实际写入会话 ID 值就不会发出另一个请求。

我尝试的最后一件事是创建一个带有编译函数的指令，其中我使用 jQuery 来设置 src 属性。那行得通，希望我无法弄清楚如何将会话 ID 传递给编译函数。我在元素上使用了“会话”属性，但是当我传递一个变量（或使用 session="{{ file.crocodoc_session }}"）时，我将变量名称作为字符串而不是它的值。

Answer 1

尝试评估控制器内部的链接，将其分配给范围变量，然后在 ng-src 中引用它。