iframe src 函数调用不断被触发

Question

我遇到了 iframe src 的问题，我正在调用一个绑定我返回值的函数

这里是代码

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

控制器代码就像

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
    };

但这里的函数 getIframeSrc 像循环一样被连续触发

我不明白这里发生了什么

任何帮助将不胜感激。

Answer 1

它被循环调用，因为引擎一直在检查更改。 每次你的函数运行时，都会发生一些变化，所以它变成了一个“循环”。

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;