Can't Interpolate Error With Iframe And Ng-src In AngularJS 1.x

Posted by Weston Ganger on November 17, 2016

If you have ever tried to use an iframe, video or media element tag with a external site as source you have probably seen the Can't interpolate error. Heres two simple methods to get this working for you.

Method 1: Simple & Hackish

<iframe ng-src='{{ trustSrc(mainVideoUrl + video.filename) }}'>

Method 2: Proper Way


Now you can use any url from* or this domain.

<!-- Assuming mainVideoUrl == ''-->
<iframe ng-src='{{ mainVideoUrl + video.filename }}'>

Related External Links:

Posted in Angular and Tagged with iframe angularjs 

Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts