ngImgCrop没有通过模态弹出窗口？

Question

我正在使用img-crop指令，当我将此指令放在模态弹出内容中时它不起作用而不显示图像和裁剪区域。我使用材质设计md-dialog作为弹出窗口。这是我的示例代码.. < / p>

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

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

Answer 1

请参阅ngImgCrop not working inside UI Modal上的答案。基本问题是您尝试在绑定时可能不存在的DOM元素上绑定事件。解决方法是将绑定包装在超时中，如链接的答案所示。