从角网格中移除一个小部件

removing a widget from angular-gridster

本文关键字：一个 小部 网格      更新时间：2023-09-26

我有一个基于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>

我想删除其中一个小部件。我尝试拼接数组，结果是一个空白页。帮助吗?

似乎angular-gridster不支持这没有搞乱原始文件本身(如在这个问题)或访问DOM项目本身，获得gridster对象，并通过内部函数删除它。

不是很"有棱角的方式"，但就是这样。

如果有人仍然感兴趣，删除$index轨道，如果你有它。

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

https://rawgit.com/ManifestWebDesign/angular-gridster/master/index.html/仪表盘

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

相关文章：