使用角度指令的多个 SlickGrid 实例？答案

【问题标题】：multiple instances of SlickGrid using an angular directive?使用角度指令的多个 SlickGrid 实例？
【发布时间】：2014-04-11 10:26:11
【问题描述】：

我对 AngularJS 很陌生，到目前为止我很喜欢它。

我读到将外部库包装到目录中是不道德的事情，我明白为什么这样做是有道理的。

在创建“slickgrid”指令的过程中，我在网络上发现的信息非常少。这个问题在这里提供了一个将 slickgrid 作为指令的示例：Slick Grid wrapped in directive (angular), some options not work (resize and drag&drop columns)

但这是正确的做法吗？这个人的做法是，每个<div slickgrid> 都将使用相同的设置和数据进行初始化。

在我的应用程序中，我需要许多 slickgrid 实例，并且列会因实例而异，当然数据也会不同。

那么我应该如何将特定的<div slickgrid> 链接到应该显示的数据？

非常感谢您的宝贵时间

【问题讨论】：

在深入了解光滑网格之前，您应该查看 angular ui 项目 - 他们有一个名为 ng-grid 的指令。不要相信我的话，但我认为它是建立在光滑的网格上的。

标签： javascript angularjs slickgrid

【解决方案1】：

因为 SlickGrid 有太多的选择 - 编写一个完全封装它的指令并没有太大意义。您应该更好地在不同的控制器中启动不同的网格。并且可能将列和格式化程序定义移动到单独的服务

所以代码会是这样的：

angular.module('app').controller('grid1controller', function(){
    ...
    $scope.grid = new Slick.Grid("#grid1", $scope.data, grid1columns, grid1options);
    ...
})

【讨论】：