提交按钮后，文件选择器将打开两次

Question

有一个我无法想象的问题：当按下生成报告按钮时，选择要上传的文件的窗口会正确弹出，但这会发生两次。为什么会这样？

<div ng-controller="AppController as forms">
    <legend>Report</legend>
    <uib-tabset active="active">
        <uib-tab index="0" ng-click="setReportType(templOne)" heading="Report One">
            <div Report-non-customers></div>
        </uib-tab>
        <uib-tab index="1" ng-click="setReportType(templTwo)" heading="Report Two">
            <div Report-customers></div>
        </uib-tab>
    </uib-tabset>

    <form id="form-ui" method="POST" name="form" novalidate>
    <div class="frm-row">
        <div class="section colm colm12">
            <label class="field-label colm ">House Type:</label>
            <label class="field select">
                <select ng-model="dropdown.houseType" ng-options="x for (x, y) in forms">
                    <option value="">Select House Type</option>
                </select>
                <i class="arrow"></i>
            </label>
        </div>
    </div>

    <div class="form-group">
        <label>Select a file:</label>
        <input type="file" accept=".json" fileread="data">
    </div>
    <button class="button btn-primary" type="submit" ng-click="submit()">
        Generate Report
    </button>
    </form>
</div>