从 angular-gridster 中删除一个小部件

Question

我有一个基于 ng-repeat 的网格和一个数组：

$scope.standardItems = [
    { sizeX: 1, sizeY: 1, row: 0, col: 0, i: 0},
    { sizeX: 2, sizeY: 1, row: 0, col: 1, i: 1},
    { sizeX: 2, sizeY: 1, row: 0, col: 3, i: 2},
    { sizeX: 1, sizeY: 1, row: 1, col: 0, i: 3},
    { sizeX: 1, sizeY: 1, row: 1, col: 1, i: 4},
    { sizeX: 1, sizeY: 1, row: 1, col: 2, i: 5}
];

和

<div gridster="gridsterOpts">
    <ul>
        <li gridster-item="item" ng-repeat="item in standardItems track by item.i" >
            <div ng-if="$index === item.i && $index === 0" id="item_{{$index}}">

            ....
        </li>
    </ul>
</div>

我想删除其中一个 wdiget。我尝试拼接数组，结果是空白页。请帮忙？

Answer 1

似乎 angular-gridster 不支持这个，除非弄乱原始文件本身（就像在这个 question 中）或访问 DOM 项目本身，获取 gridster对象并通过内部函数删除它。

不是很"angular way"，但就是这样。

Answer 2

我想你可以从这里得到一些帮助

https://rawgit.com/ManifestWebDesign/angular-gridster/master/index.html#/dashboard

查看 html 和 js 源代码将解决您的问题

Answer 3

如果还有人感兴趣，请按 $index 删除曲目（如果有的话）。适合我。

从 angular-gridster 中删除一个小部件

removing a widget from angular-gridster

javascript

angularjs

gridster