AngularJS Error: $interpolate:interr Interpolation Error

Question

I am trying to get a youtube video inserted into my website with AngularJS, but I keep getting the same error:

Error: $interpolate:interr Interpolation Error

Why do I get this error and how can I get rid of it? All I want is to insert the video...

App.js

var myApp = angular.module('myApp', [
    'duScroll', 'duParallax', 'angularFileUpload', 'ngRoute', 'ngSanitize'
]);

myApp.filter('youtube', ['$sce', function($sce) {
    return function(val) {
        var videoLink = val;
        var watch = val.indexOf("?v=") + 3;
        var playlist = val.indexOf('&') + 1;

        if (playlist > 0) {
            return $sce.getTrustedResourceUrl('//www.youtube.com/embed/' + val.substring(watch, playlist));
        } else {
            return $sce.getTrustedResourceUrl('//www.youtube.com/embed/' + val.substring(watch, videoLink.length));
        }
    };
}]);

index.jade

iframe(ng-if="story.media.video" src="{{ story.media.video | youtube }}" frameborder="0" allowfullscreen)

Krzysztof Safjanowski · Accepted Answer · 2014-08-03 12:40:14Z

3

In this case it would seem simpler to whitelist the youtube embed path and get rid of the filter.

Also, you should also use ng-src instead of src for the iframe.

myApp.config(["$sceDelegateProvider", function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        "http://www.youtube.com/embed/**"
    ]);
}]);

edited Aug 3, 2014 at 12:40

Krzysztof Safjanowski

7,4583 gold badges38 silver badges50 bronze badges

answered Aug 3, 2014 at 4:26

Timeout

7,93928 silver badges39 bronze badges

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

Comments

Mad Physicist · Accepted Answer · 2017-04-19 17:54:04Z

0

I solved with this Jquery basic:

src="http://www.youtube.com/embed/bSMInVPIE8o?autoplay=1"
$JQ('iframe').attr('src',src);

edited Apr 19, 2017 at 17:54

Mad Physicist

116k29 gold badges202 silver badges292 bronze badges

answered Apr 19, 2017 at 17:36

Victor Hugo

1

1 Comment

AeroBuffalo Over a year ago

You should update your answer so that code is appropriately in either inline formatting or in code blocks (see meta.stackexchange.com/questions/22186/…)

Collectives™ on Stack Overflow

AngularJS Error: $interpolate:interr Interpolation Error

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related