所以我同时使用了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不会显示“ 5”，而是显示为“ {{{2 + 3}}”，因此无法正确绑定。
任何想法为什么会这样？如果我将Angular绑定到项目中的其他地方，它将正常工作，只是不在此函数中。我在Gridster之后加载Angular。
感谢您的任何建议！
最佳答案
正如我在评论中提到的那样，您可能需要将其包装在指令/组件中，并针对gridster容器使用$compile服务。根据我对gridster的了解，调用add_widget很可能也需要您$compile来解决。
但是已经有一个角度栅格模块可用。签出-https://www.npmjs.com/package/angular-gridster
[编辑]
我最终制作了一个没有angular-gridster模块的实际示例。显然存在一些样式问题。 http://codepen.io/jusopi/pen/mOjOXL?editors=1010
关于javascript - Angular无法与Gridster正确绑定(bind)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41032066/