Question

所以我想在iframe src或ng-src属性中使用变量。显然，无论我使用什么，我的变量都没有得到认可。例如<iframe ng-src="http://www.example.com/?name={{test}}"></iframe>，其中test只显示为{{test}} ....

另外，当我使用$ sce将其用作可信网址时，它不起作用，对于正常的src也一样。

有什么我看不到的东西吗？有关于iframes和angularjs的东西吗？请分享，这真的很烦人。

Thnx提前。

Answer 1

你可以试试这个，在你的控制器做 - 替换ng-src =“{{test}}” - 使用整个网址的变量。然后 - $ scope.test = $ sce.trustAsResourceUrl（ “https://www.example.com”）; 还包括控制器依赖项中的$ sce。它对我有用.. 希望它有所帮助。

Answer 2

您可以使用以下语法设置src属性：

iframeObject.src = 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;

在iframe中使用angularjs变量

2 个答案: