当我使用ngf-select选择按钮时,ng-model在ng-file-upload中变为null

时间:2016-12-19 05:27:39

标签: javascript angularjs ng-file-upload

我有这个来源。

 <div class="row">
    <ptgui-imagebox name="file1" class="col-md-3" style="width: 100px;height: 100px;" ng-model="product.image" ngf-max-size="1MB" ; ngf-select></ptgui-imagebox>    
    <div class="col-md-4 hidden-sm hidden-xs">
        <div class="file-drop-zone" ngf-select ngf-drop ng-model="product.image" ngf-drag-over-class="'file-drop-zone-over'" ngf-accept="'image/*'" ngf-pattern="'*.jpg,*.jpeg,*.gif,*.png'" ngf-max-size="1MB" name="file2">
            <span class="help-block"><i class="fa fa-file-picture-o"> Drag and Drop</i></span>
        </div>
    </div>
</div>

当我点击显示图像的ptgui-imagebox时,更改了ng-model。 但我想在选择新图像之前保留图像。

我该怎么办?

1 个答案:

答案 0 :(得分:1)

尝试添加

ngf-model-options="{updateOn: 'change drop dropUrl paste', allowInvalid: false, debounce: 0}"

请参阅https://github.com/danialfarid/ng-file-upload#file-select-and-drop

请注意,ng-file-upload规范中的默认选项包括“click”作为模型更改的触发器,因此删除click会解决问题。