Angularjs ng-grid using Grails JSON data



Angular ng-grid数据绑定问题

我有一个Groovy/Grails应用程序,它有一个域"Grid"类,我已经注册了一个自定义的"编组器"来生成可用于Angularjs ng-grid的JSON。

假设"网格"是 Grid 类的实例,"网格作为 JSON"生成所需的 JSON。

我有一个Grails/groovy控制器,可以加载数据并返回JSON:

def index() {
    def grid = Grid.first()
    grid as JSON
}

但是我不知道如何将这些JSON数据放入GSP中的ng网格中:

<body ng-controller="MyCtrl">
    <script>
    var app = angular.module('myApp', ['ngGrid']);
    app.controller('MyCtrl', function($scope) {
        $scope.gridOptions = ${grid};  // NEED HELP HERE !
    });
    </script>
    <div class="gridStyle" ng-grid="gridOptions"></div>
</body>

我不知道如何将数据放入$scope.gridOptions。当我查看Firebug生成的内容时,我看到$scope.gridOptions是

{&quot;columnDefs&quot;:[{&quot;field&quot;: ...

这是编码的 JSON 数据。(引号已编码)。在JSP中的Grails后端和ng-grid之间传递JSON数据的最佳方法是什么?

感谢您的建议 Sridhar,我开始寻找在 GSP 中取消转义 JSON 的方法,我在这里找到了答案:

如何渲染-JSON-正确-没有转义引号-在 gsp-script-tag 内

我需要在 GSP 中使用 g:applyCodec 标签:

<g:applyCodec encodeAs="none">
     $scope.gridOptions = ${grid};
</g:applyCodec>

最新更新