Jak zmienić iframe src korzystanie angularjs

Question

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

Jak zmienić iframe src

Answer 1

Trzeba również $sce.trustAsResourceUrl lub nie otworzy stronę wewnątrz 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'); 
    } 
}]); 

Answer 2

Dlaczego nie można zmienić źródło na NG-SRC. W ten sposób można połączyć SRC do zmiennej i zmienić go w następujący sposób:

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