iframe src Funktionsaufruf wird kontinuierlich ausgelöst immer

Question

Ich bin vor ein Problem mit iframe src, wo ich eine Funktion nenne, die mir den Rückgabewert

Hier bindet den Code

<div class="collapse" class="col-xs-6" ng-if="setFrame"> 
<iframe width="100%" height="650px" ng-src="{{getIframeSrc()}}" ></iframe> 

Und Controller-Code ist wie

angular.module('hrPortalApp') 
.controller('topicsCtrl', function($scope, $state, $stateParams, getCandidateInterviewListService, searchBoxService, iterateArray) 
    angular.forEach($stateParams.candidateDetails, function(value, key) { 
     if (value.name == $stateParams.name) { 
      $scope.file = value.filepath; 
     } 
     $scope.setFrame=true; 
    }); 
    $scope.getIframeSrc = function() { 
     var filepath='http://localhost:4000/' + $scope.file; 
     return filepath 
    }; 

Aber hier wird die Funktion getIframeSrc bekommen kontinuierlich wie eine Schleife ausgelöst

Ich verstehe nicht, was hier passiert

Jede Hilfe würde geschätzt.

Answer 1

Es wird in einer Schleife aufgerufen, weil der Motor die ganze Zeit auf Änderungen prüft. Jedes Mal, wenn Ihre Funktion ausgeführt wird, ändert sich etwas und so wird es zu einer "Schleife".

JSFiddle

HTML

<div class="collapse" class="col-xs-6" ng-if="setFrame"> 
<iframe width="100%" height="650px" ng-src="{{iframeSrc}}" ></iframe> 

JS

$scope.iframeSrc = 'http://localhost:4000/' + $scope.file;