我想看看是否可以从 iframe 中关闭 md-dialog(Angular Material),该 iframe 包含其他 Angular 应用程序。 iframe 已加载到我想要关闭的 md-dialog 中。
查看示例:
<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">×</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}} 包含 Angular 应用程序 URL。
最佳答案
您可以访问父 Angular 应用程序的范围,例如,
var $scope = parent.angular.element('.modal-dialog.contract-detail').scope();
然后只需调用 $scope
上的 closeDialog
函数即可关闭对话框。
关于javascript - 从 iframe 关闭 Angular md-dialog,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46824319/