angularjs - 如何在angularjs中获取uploadcare小部件以更新模型更改

Question

我在我的 angularjs 应用程序中使用了这个uploadcare 小部件，尽管当我使用 angular 模型作为应用程序中属性的值时，uploadCare 小部件不受影响。

除了“derp”值外，一切正常，我怀疑它在“uploadcare-widget”制作后发生了变化。

<div id="container" ng-controller='ContainerCtrl' ng-init="derp='1:1'">
    <input
    class="field-input"
    uploadcare-widget
    data-public-key="******"
    ng-model="sigInput.imageUrl"
    data-tabs="file url"
    data-images-only="true"
    data-preview-step="true"
    data-clearable="true"
    data-multiple="false"
    data-crop="{{derp}}"
    data-image-shrink="4x4"
    on-upload-complete="onUCUploadComplete(info)"
    on-widget-ready="onUCWidgetReady(widget)"
    value="{{sigInput.imageUrl}}"
   />

   data-crop value: <input ng-model="derp"></input>

Answer 1

其原因是 Uploadcare 小部件只创建一次，并且如果将来输入属性发生变化，它不会自行更新。

当您想更改裁剪（或其他）配置时，您可以尝试重新创建它：http: //jsbin.com/vetibu/1/watch ?html,js,output