Как поместить кнопку обзора в ngf-drop в ng-file-upload вместо того, чтобы сделать ее полностью интерактивной?

Question

Я использую ngf-drop из ng-file-upload в моем угловом приложении, и в этом случае для выбора файла для загрузки мы можем щелкнуть в любом месте в div с перетаскиванием, и откроется всплывающее окно выбора, чтобы выбрать файл, и вы можете проверить его в fiddle at: http://jsfiddle.net/s8kc7wg0/799/ но я хочу открыть всплывающее окно выбора только при нажатии кнопки в этом разделе, и мне удалось открыть всплывающее окно выбора файла, но файл не обрабатывается после выбора в этот. Вы можете проверить мой код для этого на http://jsfiddle.net/s8kc7wg0/800/

<div ngf-drop  ng-model="files" class="drop-box" 
    ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-allow-dir="true"
    accept="image/*,application/pdf" 
    ngf-pattern="'image/*,application/pdf'">Drop pdfs or images here or
    <span class="browsebutton" ngf-select>browse</span></div>

В этом я изменил директиву ngf-select с верхнего div на кнопку в этом, но она не работает.

Answer 1

Вам нужно добавить ng-model а также ngf-multiple на кнопку пролета внутри div.

здесь: jsfiddle.net/s8kc7wg0/801