从angular-gridster中删除小部件

时间:2015-08-30 13:21:19

标签: javascript angularjs gridster

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

我想删除其中一个wdigets。我尝试拼接数组,这导致了一个空白页面。 请帮忙吗?

3 个答案:

答案 0 :(得分:1)

似乎angular-gridster不支持这一点而不会弄乱原始文件本身(如在此question中)或访问DOM项本身,获取gridster对象并通过内部函数将其删除。

不是很“棱角分明的方式”,但就是这样。

答案 1 :(得分:0)

我猜你可以从这里使用一些帮助

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

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

答案 2 :(得分:0)

如果仍然有兴趣,请使用$ index删除曲目。为我工作。