Ich baue eine angularJs App.
Wenn ich auf ein Foto klicke, möchte ich, dass ein modaler Bildschirm mit einem Player zum Abspielen eines YouTube-Clips angezeigt wird.
Wenn ich es hartcodiere, läuft alles gut. Allerdings, wenn ich es vom Server bekomme, ist der Iframe leer.
In der Steuerung
%Vor%VideoPlayerModalController:
%Vor%videoPlayerModalScreen.html:
%Vor%Wenn wir stattdessen {{givenurl}} ng-src="https://www.youtube.com/embed/3O1_3zBUKM8" Es wird gut laufen ...
Was mache ich falsch?
Ich habe das Problem gefunden. Ich benutze iframe. Angular erfordert die Verwendung von $ sce, wenn wir iframe verwenden.
Die Lösung:
%Vor% Anstelle von $scope.givenUrl = url ersetzen Sie es in $scope.givenUrl = $sce.trustAsResourceUrl(url) .
Vergessen Sie nicht, $ sce als Abhängigkeitsinjektion hinzuzufügen.
Tags und Links javascript angularjs iframe