コードバアプリケーションでOffice Web Viewerが正常に動作しない

Question

イオンと角度のついたコードバアプリを構築しています。私は、Microsoftが提供するオンラインのオフィスビューアを統合して単語を表示し、それが見たアプリ内の文書を優れている必要があります。 APIを使用するには、iframeのコンテンツを読み込む必要があります。私がこれをしようとすると、アプリ内のブラウザにナビゲートされます。私はng-includeを使って何も成功せずに同じことを実装しようとしました。どのようにこれを実装するための任意のアイデア？

私は角度1、イオン1、コードバー5.2を使用しています。

私が参照しているAPIはOffice Web Viewerです。

私が試したサンプルコードは次のとおりです。

角度コード

app.config(['$sceDelegateProvider', function ($sceDelegateProvider) { 
    $sceDelegateProvider.resourceUrlWhitelist([ 
    'self', 
    'https://view.officeapps.live.com/op/**' 
    ]); 
}]); 

app.directive('testContent', function() { 
    return { 
    restrict: 'E', //bind to element tag name 
    replace: true, //replace the entire markup with the template 
    templateUrl: 'templates/test-content.html', 
    controller: ['$scope', function ($scope) { 
     $scope.GetUrl = function() { return 'https://view.officeapps.live.com/op/view.aspx?src=https://bonafidedevstorage.blob.core.windows.net/chamika-temp-blobs-1/Documents/ffe7c1fb-35bd-43ad-9e7e-68166697347b.docx'; } 
    }] 
    }; 
}) 

テンプレート

<div> 
    <p>{{GetUrl()}}</p> 
    <ng-include src="GetUrl()" autoscroll></ng-include> 
</div> 

Answer 1

が最後に目にこの問題を解決するために管理し正常に動作しているコードの下にしてみてください同僚の助けを借りて、彼らはこれらのシナリオのための別のURLを与えて、使用 "https://view.officeapps.live.com/op/embed.aspx"。

Answer 2

私はちょうど

<ion-pane> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Ionic Blank Starter</h1> 
    </ion-header-bar> 
    <ion-content ng-controller="mainCtrl" id="divSvg"> 
     <iframe height="600px" width="100%" src="https://view.officeapps.live.com/op/view.aspx?src=https://bonafidedevstorage.blob.core.windows.net/chamika-temp-blobs-1/Documents/e116d0fc-67e2-4fa4-aa26-8b0904506f72.docx"></iframe> 
    </ion-content> 
</ion-pane>