2017-10-19 10 views
0

iframeから他の角度アプリが含まれているmdダイアログ(角度材料)を閉じることができるかどうかを検討しています。 iframeは、閉じたいmdダイアログに読み込まれます。iframeからの角度付きmdダイアログを閉じる

例を参照:

<md-dialog class="modal-dialog contract-detail"> 
    <md-dialog-content flex="auto"> 
     <div class="modal-header"> 
      <button type="button" class="close" aria-label="Close" ng-click="closeDialog()"> 
       <span aria-hidden="true">&times;</span> 
      </button> 
     </div> 
     <div class="modal-body"> 
     <iframe ng-src="{{urlIframe}}" 
       frameborder="0" 
       allowfullscreen 
       style="position: absolute;top: 0;left: 0;width: 100%;height: 90%;" 
       align="center"> 
     </iframe> 
    </div> 
    </md-dialog-content> 
</md-dialog> 

varが{{urlIframeは}}角度アプリのURLを含んでいます。あなたが好きな親の角度、アプリケーションのスコープにアクセスすることができ

+0

'urlIframe'はiframe内にあることを認識していますか?あなたは何とかiframeにコールバックを提供できますか?また、あなたのコードでいくつかの終了タグが欠落しているようです。 – bracco23

+0

ご迷惑をおかけして申し訳ございませんが、投稿を作成しているときに「コード」ボタンでエラーが発生したようです。今修正されました。 iframe urlアプリケーションからコールバックが必要です。または、iframeに読み込まれたアプリのmd-dialogを閉じる必要があります。私は 'window.parent.close()'を試しましたが、うまくいきません。ありがとう –

答えて

1

var $scope = parent.angular.element('.modal-dialog.contract-detail').scope(); 

そしてちょうど$scopecloseDialog関数を呼び出すには、ダイアログを閉じます。

+0

パーフェクト!それは私のために働いた、多くのありがとう! –