我使用 img-crop 指令,当我将此指令放置在模态弹出内容中时,它不起作用,并且不显示图像和裁剪区域。我使用 Material 设计 md-dialog 作为弹出窗口..这是我的示例代码..
<div class="cropArea">
<img-crop image="myImage" area-type={{areaType}} result-image="myCroppedImage">
</img-crop>
</div>
这是我的模式弹出窗口:
$scope.showImage = function (ev) {
$mdDialog.show({
templateUrl: '/demo/modelPopup.html',
targetEvent: ev
}).then();
};
不完全是这样,但我想在弹出窗口而不是我的页面中进行裁剪...请帮助我......
最佳答案
引用我对ngImgCrop not working inside UI Modal的回答。基本问题是您尝试在 DOM 元素上绑定(bind)一个事件,而该事件在您执行绑定(bind)时可能不存在。解决方法是将绑定(bind)包装在超时中,如链接的答案所示。
关于javascript - ngImgCrop 无法通过模式弹出窗口工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28901483/