Как установить атрибут iframe src из переменной в AngularJS

это служба $sce, которая блокирует URL-адреса с внешними доменами, это служба, которая предоставляет строгие контекстные службы экранирования для AngularJS, чтобы предотвратить уязвимости безопасности, такие как XSS, clickjacking и т. д. он включен по умолчанию в Angular 1.2.

вы можете отключить его полностью, но это не рекомендуется

angular.module('myAppWithSceDisabledmyApp', [])
.config(function($sceProvider) {
    $sceProvider.enabled(false);
 });

подробнее https://docs.angularjs.org/api/ng/service/ $sce

Пожалуйста, удалите вызов trustSrc функция и повторите попытку, как это . {{trustSrc (currentProject.url)}} to {{currentProject.url}}. Проверьте эту ссылку http://plnkr.co/edit/caqS1jE9fpmMn5NofUve?p=preview

---

Но согласно документации Angular Js 1.2, вы должны написать функцию для получения src url. Взгляните на следующее код.

перед:

Javascript

scope.baseUrl = 'page';
scope.a = 1;
scope.b = 2;

Html

<!-- Are a and b properly escaped here? Is baseUrl controlled by user? -->
<iframe src="{{baseUrl}}?a={{a}&b={{b}}"

но по соображениям безопасности они рекомендуют следующий метод

Javascript

var baseUrl = "page";
scope.getIframeSrc = function() {

  // One should think about their particular case and sanitize accordingly
  var qs = ["a", "b"].map(function(value, name) {
      return encodeURIComponent(name) + "=" +
             encodeURIComponent(value);
    }).join("&");

  // `baseUrl` isn't exposed to a user's control, so we don't have to worry about escaping it.
  return baseUrl + "?" + qs;
};

Html

<iframe src="{{getIframeSrc()}}">

таким образом, я следую и его работа для меня хорошо, пусть это будет работает для вас,

<iframe class="img-responsive" src="{{pdfLoc| trustThisUrl }}" ng-style="{
                height: iframeHeight * 0.75 + 'px'
            }" style="width:100%"></iframe>

здесь trustThisUrl-это просто фильтр,

angular.module("app").filter('trustThisUrl', ["$sce", function ($sce) {
        return function (val) {
            return $sce.trustAsResourceUrl(val);
        };
    }]);

выбрать шаблон; контроллер iframe, обновление модели ng

.HTML-код

angularapp.controller('FieldCtrl', function ($scope, $sce) {
        var iframeclass = '';
        $scope.loadTemplate = function() {
            if ($scope.template.length > 0) {
                // add iframe classs
                iframeclass = $scope.template.split('.')[0];
                iframe.classList.add(iframeclass);
                $scope.activeTemplate = $sce.trustAsResourceUrl($scope.template);
            } else {
                iframe.classList.remove(iframeclass);
            };
        };

    });
    // custom directive
    angularapp.directive('myChange', function() {
        return function(scope, element) {
            element.bind('input', function() {
                // the iframe function
                iframe.contentWindow.update({
                    name: element[0].name,
                    value: element[0].value
                });
            });
        };
    });

iframe.HTML-код

   window.update = function(data) {
        $scope.$apply(function() {
            $scope[data.name] = (data.value.length > 0) ? data.value: defaults[data.name];
        });
    };

проверьте эту ссылку:http://plnkr.co/edit/TGRj2o?p=preview