在 iframe 中使用 angularjs 變量

Question

所以我想在 iframe src 或 ng-src 屬性中使用一個變量。 顯然，無論我使用什么，我的變量都沒有被識別出來。 例如`

<iframe ng-src="http://www.example.com/?name={{test}}">
</iframe>

其中 test 只是顯示為{{test}} ....

此外，當我使用$sce將其用作受信任的 url 時，它不起作用，普通 src 也是如此..

有什么我看不到的嗎？ 有關於 Iframes 和 angularjs 的東西嗎？ 請分享，它真的很煩人。

提前謝謝。

Answer 1

你可以試試這個，在你的控制器中 - 替換ng-src="{{test}}" - 對整個 url 使用一個變量。 進而 -

$scope.test=$sce.trustAsResourceUrl("https://www.example.com");

還將 $sce 包含在您的控制器依賴項中。

它對我有用..希望它有幫助。

Answer 2

您可以使用以下語法設置 src 屬性：

iframeObject.src = URL

注意： URL指定要嵌入的內容的 URL，它可以是絕對 URL 或相對 URL。

例子：

 document.getElementById('embedContent').src = "http://www.example.com";

 #embedContent{ width: 600px; height: 500px; }

 <iframe id="embedContent" src="#"></iframe>

因為您還想連接/合並兩個字符串，您只需將 JavaScript 更改為

document.getElementById('embedContent').src = "http://www.example.com/?name=" + test;