将指令添加到ng-grid生成的元素

使用ng-grid ，我开发了一个简单的应用程序来在UI中呈现excel表。 我希望字段（表格标题）可以拖动，这样我就可以在运行时将它们放到一些箱子里，有点像 – 这个 。 唯一的区别是，这里我将拖动excel列标题。

我无法弄清楚如何将指令“draggable”添加到ng-grid生成的内容中。

PS每个列标题都必须有自己的“可拖动”，以便我可以唯一地标识列号/名称

角度代码如下：

 var sth = {"excelData" : [{"Name":"Rohan","Id":"1001.0","Salary":"50000.0","Age":"25.0"},{"Name":"Rohit","Id":"1002.0","Salary":"60000.0","Age":"24.0"},{"Name":"Rahul","Id":"1003.0","Salary":"55000.0","Age":"29.0"},{"Name":"okay bye","Id":"1004.0","Salary":"88214.0","Age":"32.0"}]}; $scope.myData = sth.excelData; $scope.gridOptions = { data: 'myData' }; 

在我的HTML中，我使用：

在这里，姓名，身份证，薪水，年龄，都应该是独立和可单独拖动的。

PS给出静态json只是为了理解。 它在运行时生成，可能非常庞大。