Question

我从一个我想要动态的网址获取iframe图片。所以...例如，我想为我正在预览的每个应用程序＃传递一个不同的URL。

我已尝试使用ng-src生成我的网址，但似乎失败了。

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并告诉您的应用它是一个受信任的网址资源。看小提琴：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网址

1 个答案: