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

时间:2015-06-02 10:11:38

标签: angularjs file-upload uploadcare

我在angularjs app中使用此uploadcare widget,但是当我使用角度模型作为应用中属性的值时,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>

1 个答案:

答案 0 :(得分:0)

原因是如果输入attrs在将来发生变化,则会创建一次Uploadcare小部件,并且它不会自行更新。

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