Wie iframe src Verwendung ändern AngularJS

Question

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

Wie iframe src

Answer 1

Sie müssen auch $sce.trustAsResourceUrl oder es wird die Website innerhalb des iframe nicht öffnen:

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'); 
    } 
}]); 

Answer 2

Warum Sie die Quelle src ng-ändern sich nicht ändern. Auf diese Weise können Sie das src mit einer Variablen verknüpfen, und es ändert sich wie folgt:

<iframe ng-src="{{url}}"> <p>Your browser does not support iframes.</p> </iframe>