使用 angularjs 构建 iframe url

Question

我正在从 url 获取一个 iframe 图片，我希望它是动态的。所以...例如，我想为我正在预览的每个应用程序传递一个不同的 url。

我试过使用 ng-src 生成我的 url 但它似乎失败了。

html:

<iframe ng-src="http://localhost:3000/v4/{{applicationNumberText}}/{{documentIdentifier}}"></iframe>

控制器：

$scope.applicationNumberText = '09123456';
$scope.documentIdentifier = 'E1DUJW9JPP1GUI3';

出现此错误： angular.js:11706 错误：[$interpolate:noconcat] 插值时出错

有什么想法吗？

Answer 1

嗯，对于一个人来说，你不能像那样连接一个字符串。其次，您需要使用 $sce 并告诉您的应用它是受信任的 url 资源。参见 fiddle：https://jsfiddle.net/ojzdxpt1/4/

app.controller('TestController', function($scope,$sce) {
  $scope.applicationNumberText = '09123456';
  $scope.documentIdentifier = 'E1DUJW9JPP1GUI3';
  $scope.iFrameUrl = $sce.trustAsResourceUrl("http://localhost:3000/v4/" + $scope.applicationNumberText + "/" + $scope.documentIdentifier);
});

使用 angularjs 构建 iframe url

using angularjs to build iframe url

iframe

src

angularjs