javascript - 当我使用 ngf-select 选择按钮时，ng-file-upload 中的 ng-model 更改为 null

Question

我有这个来源。

 <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 发生了更改。但我想在选择新图像之前保留图像。

我该怎么办？

Answer 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 规范中的默认选项包括“点击”作为模型更改的触发器，因此删除点击应该可以解决问题。