javascript - Angular-xeditable with ui select inside Form element

Question

我想在表单标签内编辑用户界面选择。但它在表单元素中不起作用。

这是我的代码

 <form class="col-xs-12 form-horizontal" 
                 editable-form role="form" name="uiTest">
     <div ng-click="uiTest.$show()"  onaftersave="ctrl.onTypeSelect(ctrl.selectedType)"  
                      editable-ui-select="ctrl.selectedType" 
                      buttons="no" 
                      e-clickable="true" 
                      blur="submit"
                      data-e-name="type" 
                      name="type" 
                      theme="bootstrap"
                      data-e-ng-model="ctrl.selectedType" >
            
                                        {{ctrl.selectedType.key}}
                                      
          <editable-ui-select-match allow-clear="true" placeholder="Search {{ctrl.label}} by Name">
                                            {{$select.selected.name}} 
          </editable-ui-select-match>
          <editable-ui-select-choices repeat="item in ctrl.filteredItems = (ctrl.types | filter : {name : $select.search})">
                                            <div ng-bind-html="item.name | highlight: $select.search"></div> 
          </editable-ui-select-choices>
        </div>
    </form>

我想要它而不使用按钮。所以我添加了buttons="no". 当我运行它时，ui-select 打开，我可以从下拉列表中选择项目，但是在选择项目时，它不会变回查看模式。

已编辑

我添加了一个jsfiddle链接。