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

現在の動作では、ソース イメージがまったく設定されていません。どんな助けでも大歓迎です！ありがとう！