Question

所以我使用了Angular和Gridster框架，但我遇到了这个问题：

使用Gridster，我已经实现了一个按钮，允许用户添加（和删除）这样的面板：

$(document).on("click", "#addservice", function () {

var gridster = $(".gridster ul").gridster().data('gridster');

gridster.add_widget('<li class="gs_w" data-row="1" data-col="1"
data-sizex="4" data-sizey="3">{{ 2 + 3}}</li>', 2, 1);

});

从技术上讲，我认为这应该可行但是当我测试它时，Angular没有显示＆＃39; 5＆＃39;而是作为＆＃39; {{2 + 3}}＆＃39;因此没有正确绑定。

为什么会出现这种情况？如果我在项目的其他地方绑定Angular它可以正常工作，只是不在这个函数中。我在Gridster之后加载Angular。谢谢你的建议！

Answer 1

正如我在评论中提到的，您可能需要将其包装在指令/组件中，并对gridster容器使用$compile服务。根据我对gridster的理解，调用add_widget很可能也会要求$compile反对它。

但是已经有一个角度网格模块可用。看看 - https://www.npmjs.com/package/angular-gridster

[编辑]

我最终在没有angular-gridster模块的情况下做了一个有效的例子。显然有一些造型问题。 http://codepen.io/jusopi/pen/mOjOXL?editors=1010

Angular与Gridster没有正确绑定

1 个答案:

[编辑]