AngularJS variable to html <object> attribute

Question

I want to set part of an url of an html <object> tag with an angular variable, but I get a lot of error messages in the console, because the presented string looks like

http://...../%7B%7Bvarname%7B%7B/....

I had the same problem with the <img> tag, but there I could use the ng-src directive. I guess I need to write my own directive, but what are the things I need to look out for?

<object type="application/x-shockwave-flash" height="378" width="620" id="live_embed_player_flash" data="http://...?chan={{varname}}" bgcolor="#000000">
    ...
    <param name="flashvars" value="hostname=...&chan={{varname}}" />
</object>

AlwaysALearner · Accepted Answer · 2013-11-27 14:22:55Z

1

Try this:

<object ... data="{{address}}">

Controller:

$scope.varname = "something";
$scope.address = "http://...?chan=" + $scope.varname;

Fiddle

edited Nov 27, 2013 at 14:22

answered Nov 27, 2013 at 13:08

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

KenavR Over a year ago

Thanks, but should this work? Because for me it does exactly what I expected, nothings gets "interpreted". The final html output includes {{'http://...?chan='+varname}} and of course the error message stays the same.

AlwaysALearner Over a year ago

@KenavR varname should be a scope model. Take a look at my update.

AlwaysALearner Over a year ago

@KenavR Try storing the entire address in a scope variable and then using that inside the HTML.

KenavR Over a year ago

It always was a $scope variable and I can correctly output it with {{varname}}, but as an attribute value it doesn't work. It does get correctly "interpreted" eventually, but the browser is faster fetching the markup, than angular is with replacing the {{variables}}. (docs.angularjs.org/api/ng.directive:ngSrc) I guess I need to dig more into ngSrc and go on with my search.

AlwaysALearner Over a year ago

Did you try with my latest update? By having the entire address in a scope variable instead of concatenating in the HTML?

|

Collectives™ on Stack Overflow

AngularJS variable to html <object> attribute

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related