Question

我有一个名为'index.html'的网页它左侧窗格有多个链接，右侧窗格包含iframe。

当我点击左侧窗格中的链接时，页面（不是外部网站或页面）应该在iframe中加载。

Answer 1

Angular支持iframe上的ng-src，所以你可以用你的url设置ng-src。

<div><iframe  width="640" height="385" ng-src="{{getUrl()}}"> </iframe></div>

getUrl在将其设置在iframe之前清理网址。控制器就像这样简单。

$scope.currentUrl = "http://www.youtube.com/embed/Lx7ycjC8qjE";

  $scope.urls = [
    {
      name:"http://www.youtube.com/embed/Lx7ycjC8qjE"
    },
    {
      name:"http://www.youtube.com/embed/mMxQHmvQ1pA"
    }];

    $scope.setCurrentUrl = function(url)
    {
      $scope.currentUrl = url;
    }

    $scope.getUrl = function()
    {
      console.log($scope.currentUrl);
       return $sce.trustAsResourceUrl($scope.currentUrl);
    }

以下是plnkr示例。

http://plnkr.co/edit/EVkyH8LuCXcsWUi1xnvV?p=preview

如何将iframe用作ngView？

1 个答案: