在ui-grid的行上单击显示包含文本区域的模式

Question

我有UI网格，我想在点击每行的单元格时显示模态并编辑行的单元格的值，并在该行的单元格中显示值。我应该这样做吗？

这是我的代码.TTOptionsModal是我的modal

            var newHtml='<div class="form-group"><div class="col-xs-6 col-md-6"><input type="text"  name="Print" placeholder="Synopsis of your production" /></div></div>';

                              $scope.rowDblClick = function(row) {

                        TTOptionsModal.scope = $scope;
                        TTOptionsModal.question = newHtml;
        TTOptionsModal.buttons=[{text:HomePropertiesService.STORY_CONFIRM_MODAL_SAVE_BUTTON_TEXT,call:"saveMyEdits()"},{text:HomePropertiesService.STORY_CONFIRM_MODAL_CANCEL_BUTTON_TEXT,call:"closeConfirmModal()"}];
        TTOptionsModal.open({text:HomePropertiesService.MODAL_CLOSE_BUTTON_TEXT,call:"closeConfirmModal()"});



                      };


                $scope.myDataNew =[];
                $scope.gridOptionsNew = { 

                         appScopeProvider: $scope,

                        data : 'myDataNew' ,
                        enableCellEdit: true,
                        enableHorizontalScrollbar: 0,
                         enableCellEditOnFocus: true,



                        columnDefs: [
                                     {
                                         enableCellEdit: false,
                                         field: 'SponsorType',
                                         displayName: me.labelText.ADD_STORY_TABLE_SPONSOR_TYPE

                                     }, {

                                         field: 'Hoarding',
                                         displayName: me.labelText.ADD_STORY_TABLE_HOARDING,
                                         cellTemplate: '<div class="text-center"><input type="text" '+
                                            ' name="Hoarding"  ng-model="Hoarding" ng-click="grid.appScope.rowDblClick(row.entity)"/></div>'
                                     },
                                     {

                                         field: 'Print',
                                         displayName: me.labelText.ADD_STORY_TABLE_PRINT,
                                         cellTemplate: '<div class="text-center"><input type="text" '+
                                            ' name="Print"  ng-model="Print" ng-click="grid.appScope.rowDblClick(row.entity)"/></div>'
                                     }]
                                     }