如何通過模型更改獲取angularjs中的uploadcare小部件

我在我的angularjs應用中使用此uploadcare widget，但是當我使用角度模型作爲應用中屬性的值時，uploadCare小部件不受影響。如何通過模型更改獲取angularjs中的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>

來源

2015-06-02 P0lska

你檢查的DOM如果數據作物價值的變化？我認爲，創建窗口小部件實例時，對輸入屬性的任何更改都不會影響它。您可能想要重新創建小部件。 –

數據作物值在DOM中發生變化。如何在模型更改時重新創建窗口小部件？ – P0lska

不知道如何在Angular中做到這一點，[this snippet]（http://jsbin.com/vetibu/1/watch?html,js,output）顯示瞭如何在普通JS中重新創建小部件 –

其原因是Uploadcare小部件只創建一次，並且如果將來輸入attrs發生更改，它不會自行更新。

你可以嘗試重新創建它，當你想改變裁剪（或其他方式）的配置：http://jsbin.com/vetibu/1/watch?html,js,output

來源

2015-06-03 13:21:19

如何通過模型更改獲取angularjs中的uploadcare小部件

回答

相關問題