javascript - 将 ngImgCrop 设置为图像 URL 的问题

Question

根据文档，我应该能够将 ngImgCrop 指令的图像属性设置为图像 URL，而不是数据 URL。但是，它似乎不起作用。我有一个输入文本框（供用户输入图像的 url）和一个按钮，它触发更新 ngImgCrop 的源图像以进行裁剪。到目前为止，这是我的代码：

这是 ngImgCrop 元素的定义

<img-crop 
         image="myImage" 
         result-image-size="300" 
         area-type="square" 
         area-min-size="40" 
         result-image="product.ImageString"></img-crop>

这是 app.js 中的 AngularJS

var handleUrlSelect = function getImageDataURL(evt) {
    var url = (document.querySelector('#inputImageUrl')).value;
    $scope.myImage = url;
};

angular.element(document.querySelector('#selectUrl')).on('click', handleUrlSelect);

当前的行为是根本没有设置源图像。任何帮助，将不胜感激！谢谢！