So ändern Sie die iframe-src verwenden, angularjs

<iframe src="{{url}}" width="300" height="600">
                <p>Your browser does not support iframes.</p>
            </iframe>

So ändern iframe src

InformationsquelleAutor Amila Sampath | 2015-08-31

  1. 35

    Müssen Sie auch $sce.trustAsResourceUrl oder es nicht öffnen Sie die Seite innerhalb des iframe:

    JSFiddle

    HTML:

    <div ng-app="myApp" ng-controller="dummy">
    <button ng-click="changeIt()">Change it</button>
    <iframe ng-src="{{url}}" width="300" height="600"></iframe>
</div>

    JS:

    angular.module('myApp', [])
    .controller('dummy', ['$scope', '$sce', function ($scope, $sce) {

    $scope.url = $sce.trustAsResourceUrl('https://www.angularjs.org');

    $scope.changeIt = function () {
        $scope.url = $sce.trustAsResourceUrl('https://docs.angularjs.org/tutorial');
    }
}]);
    Ich denke, dies sollte berücksichtigt werden, wie die richtige Antwort
    thx bei mir funktioniert

    InformationsquelleAutor michelem

  2. 10

    Warum nicht ändern Sie die Quelle zu ng-src. So kann link die src zu einer Variablen, und ändern Sie es wie folgt:

    <iframe ng-src="{{url}}">  <p>Your browser does not support iframes.</p> </iframe>
    Es funktioniert, vielen Dank
    ur welcome... 🙂
    funktioniert nur für Bild. verwenden müssen, $sce.trustAsResourceUrl
    Ja, Sie brauchen, um zu verwenden, $sce aber ohne ng-src werden Sie bekommen eine Menge von Konsole und fehlerhafte Anfragen.

    InformationsquelleAutor Shivi

Schreibe einen Kommentar