使用ui选择Angular-xeditable在Form元素中选择

Question

我希望editable-ui-select位于表单标记内。但它不在表单元素内部工作。

这是我的代码

 <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打开，我可以从下拉菜单中选择项目，但是在选择项目时，它不会改变回查看模式。

EDITED

我添加了jsfiddle个链接。