javascript - ngImgCrop 无法通过模式弹出窗口工作？

Question

我使用 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();
        };

不完全是这样，但我想在弹出窗口而不是我的页面中进行裁剪...请帮助我......

Answer 1

引用我对ngImgCrop not working inside UI Modal的回答。基本问题是您尝试在 DOM 元素上绑定(bind)一个事件，而该事件在您执行绑定(bind)时可能不存在。解决方法是将绑定(bind)包装在超时中，如链接的答案所示。