问题将ngImgCrop设置为图像URL

Question

根据文档，我应该能够将ngImgCrop指令的image属性设置为图像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);

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