Using angularjs variable inside iframe

Question

So I want to use a variable inside a iframe src or ng-src attribute. Apparently none of my variables get ever recognized, whatever I use. For example `

Answer 1

You can try this, In your controller do - replace the ng-src="{{test}}" -- use a variable for the whole url. and then -

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

also include $sce in your controller dependency.

It worked for me.. Hope it helps.

Answer 2

You can set the src property with this syntax:

iframeObject.src = URL

To note: URL specifies the URL of the content to embed and it can be either an absolute or a relative URL.

Example:

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

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

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

Because you also want to concatenate / merge two strings, you can just change the JavaScript to

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