自定义下拉列表

Question

当我点击部署按钮时，它会上传环境列表和类别列表而是打开两个列表，它应该只打开环境列表，然后在选择环境后打开类别列表。

<div class="download-options">
  <form class="form-inline" role="form">
    <div class="dropdown" id="download-target-environment-dropdown" ng-show="!comparisonDeployment">
      <label class="control-label">Target Environment:</label>
      <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" role="button" data-target="#"
               value="{{targetEnvironment.alias}}" readonly>
      <ul class="dropdown-menu" role="menu" ng-class="{show: !targetEnvironment}">
        <li ng-repeat="env in environments">
          <a ng-click="setTargetEnvironment(env)">{{env.alias}}</a>
        </li>
      </ul>
    </div>
    <div class="dropdown" id="download-data-type-dropdown">
      <label class="control-label">Categorie`enter code here`s:</label>
      <input id="add_a_category" type="text" class="form-control dropdown-toggle" data-toggle="dropdown" role="button"
               data-target="#"
               value="Add a category" readonly/>
      <ul class="dropdown-menu" role="menu" ng-class="{show: !type}">
        <li ng-repeat="type in typesInfo" ng-class="{disabled: !hasRootFromType(type)}">
          <a ng-click="setType(type)">{{type.alias}}</a>
        </li>
      </ul>
    </div>
  </form>
</div>