选择点击后，ui-grid消失

Question

我对ui-grid的下拉列表有疑问。

这是我必须的单元格模板。

{
            cellTemplate: '<div>{{ row.entity.deviceType }}</div>',
            displayName: $filter('prefixTranslate')('device_type', 'devices'),
            field: 'deviceType',
            key: 'deviceType',
            name: 'column_device_type',
            height: 40,
            enableCellEdit: true,
            enableCellEditOnFocus: false,
            editType: 'dropdown',
            editableCellTemplate: `
                <div>
                  <form
                    name="inputForm">
                    <select
                      class="my-select"
                      ng-class="'colt' + col.uid"
                      ui-grid-edit-dropdown
                      ng-model="MODEL_COL_FIELD"
                      ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray">
                    </select>
                  </form>
                </div>
            `,
            editDropdownValueLabel: 'deviceType',
            editDropdownOptionsArray: [
                { id: 1, deviceType: 'Vertical Tank' },
                { id: 2, deviceType: 'Horizontal Tank' }
            ]
        },

enter image description here

当您单击单元格时，会出现select（1）元素，然后单击选择元素并消失。这个问题只能通过popup（2）

上的快速鼠标悬停来解决

所以当我点击选择元素时它就会消失并显示默认单元格...我不知道为什么会发生

感谢您的回答