javascript - 将表达式连接到 html 标签的中间

Question

<iframe width="560" height="315" src="http://www.youtube.com/embed/{{videoId}}" frameborder="0" allowfullscreen></iframe>

在我的 View 中，如何将 {{videoId}} 连接到我的 iframe 标记？

Answer 1

首先，您应该使用 ngSource 动态定义 src 属性。此外，您应该使用 $sce 将其定义为受信任的 url:

function MyCtrl($scope, $sce) {
    $scope.videoURL = $sce.trustAsResourceUrl('http://www.youtube.com/embed/z6Ge6Op2mAk');
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app>
  <div ng-controller="MyCtrl">
    <iframe width="560" height="315" ng-src="{{videoURL}}" frameborder="0" allowfullscreen></iframe>
  </div>
</div>