Angular.js将网站嵌入页面

时间:2017-07-20 06:23:51

标签: javascript html angularjs iframe webview

我正在开发一个移动应用程序,我正在尝试将一个网站嵌入到我的页面中,其URL来自控制器。

在控制器中

.controller('DescCtrl',['$http','$scope','$state','$sce',function($http,$scope,$state,$sce){ 
    //var project=JSON.parse(sessionStorage.project);
    //$scope.projectName=project.name

    $scope.Back = function () {
        $state.go('task');
    }; 

    $scope.descUrl= $sce.trustAsResourceUrl(sessionStorage.taskUrl+"&output=embed");
    if(sessionStorage.taskUrl!=undefined && sessionStorage.taskUrl!="" ||sessionStorage.taskUrl!=null)
        $scope.isShown="display:none"
    else{
        $scope.isShown=""
    }


}])

我在这个发送URL上面写了代码到html。作为一种方式,我尝试使用IFrame

 <iframe ng-src="{{descUrl}}" frameborder="0" style="overflow:hidden;height:100%;width:100%;{{isShown}}" height="100%" width="100%"></iframe>

这里的问题是,由于网站的SAME ORIGIN标题,并非显示所有页面。例如; www.google.com.tr

我无法找到任何其他解决方案,我怎么能这样做,我今天必须解决这个问题,

提前致谢

0 个答案:

没有答案