Javascript 在带有google maps嵌入api的ng src中使用角度表达式
我试图在每个页面上加载特定于api值的映射,但收到以下错误消息: 严格上下文转义不允许在需要可信值时连接多个表达式的插值。见.$sce $interpolate/noconcat 以下是标记:Javascript 在带有google maps嵌入api的ng src中使用角度表达式,javascript,angularjs,google-maps-api-3,Javascript,Angularjs,Google Maps Api 3,我试图在每个页面上加载特定于api值的映射,但收到以下错误消息: 严格上下文转义不允许在需要可信值时连接多个表达式的插值。见.$sce $interpolate/noconcat 以下是标记: <div ng-bind-html="trustedHtml" class="col-md-4 map"> <iframe ng-src="https://www.google.com/maps/embed/v1/placekey=AIzaSyAJ_lVIxNq31PmzRUbM
<div ng-bind-html="trustedHtml" class="col-md-4 map">
<iframe ng-src="https://www.google.com/maps/embed/v1/placekey=AIzaSyAJ_lVIxNq31PmzRUbMh9JIStQOE4_6-aQ&q='{{event.venue.name}}'"/>
</div>
不要使用
$sce.trustAsHtml()
,而是尝试使用$sce.trustAsResourceUrl()
。将整个URL作为$sce.trustAsResourceUrl()
的参数。下面的链接对我有用
.controller('EventsCtrl', function($scope, EventsFactory, $routeParams, $sce){
EventsFactory.async().then(function(data){
$scope.events = data.data;
$scope.event= findEvent(eventId, $scope.events);
console.log($scope.event);
$scope.trustedHtml = $sce.trustAsHtml($scope.event);