使用Angular over Swig可以更有效地解释路线中的数据吗？

Question

我有一个JSON对象数组，它们从我的Node路由传递到其各自的视图中。 例如：

res.render("path/to/view", { data: result, data2: result2 })

其中result和result2都是JSON对象的数组。 在我看来，我正在ng-init函数中使用它们，如下所示：（{{}}指定swig，其中我已更改[[]]来指定Angular，因此在以下示例中，我们在使用我的swig之前先使用swig定义的Angular初始化函数）

<div ng-init="init( {{ data|json }} )"> </div>

我应该说上面的示例很好用，但是当“数据”成为一个非常大的数据集时，在swig部分上花费了很多时间-将其转换为JSON（再次..？）。 就像我说的那样，“数据”已经以JSON的形式出现，但是当我从上面的swig部分中删除| json时，我收到了[$parse:syntax]错误，它给出了上面的一行，但是得到了评估：

<div ng-init="init( [object Object],[object Object] )"> </div>

我已经尝试使用ng-init="init( [[ JSON.parse( {{ data }} ) ]] )"以便将输出评估为JSON（即使输出已经是..？）但无法得到任何工作。

有任何想法吗？ 也许我的语法错误？ 我不明白，因为当我将“数据”传递给视图时，它是JSON，但是我不能在没有得到该语法错误的情况下将其直接传递给我的init函数。

Answer 1

将您使用ng-init调用的所有内容移出视图，然后将其放入控制器或服务中。

有很多原因不使用ng-init ，以至于Angular团队基本上建议您不要使用它： https : //docs.angularjs.org/api/ng/directive/ngInit

更新

我终于以为我明白了您在尝试做什么，这就是所谓的引导。 您可以像这样将数据嵌入到视图服务器端：

<script>
  angular.module("app").constant("myBootstrap", {{ data.stringified }});
</script>

其中data.stringified是您的字符串化数据。 然后，在Angular中，您可以使用myBootstrap将您想要作为常量的任何控制器注入到$rootScope等中，并且该数据将可用。

Answer 2

因此，尽管我不确定是什么原因导致它运行如此缓慢，但我找到了解决方案，尽管“黑客”可能更准确地描述了它。 我遇到的问题是Swig花了很多时间在将数据传递给init函数之前（我现在知道这是不好的作法；也就是说，使用ng-init调用函数）来对数据进行模板化。

我应该为将来的读者指出，我正在使用Node.js，使用Swig进行模板化以及使用Angular处理MVC方面。

看到上面的问题，看看我的代码以前是什么样（慢版本）。 下面是我的解决方案：

路由方

var rawSQLData = makeSQLCall();
var parsedAsJsonSQLData = parseData(rawSQLData);
var parsedDataAsString = JSON.stringify(parsedAsJsonSQLData);
res.render("path/to/view", { data: parsedDataAsString });

HTML

<div ng-init=" init( {{ data|json }} )">   </div>

角度控制器

$scope.init = function(data){
    $scope.dataInScope = JSON.parse(data);
}

---

如您所见，我唯一更改的是将JSON字符串化，然后将其拍摄到HTML，然后在到达控制器后对其进行解析。

我认为这可行的原因是因为我实际上是在模板引擎（Swig）之外的其他部分进行所有JSON处理。 我尝试不使用过滤器，但Swig默认将数据转换为JSON，这破坏了我的HTML。 我之所以称其为hack而不是解决方案，是因为我们先对数据进行了字符串化处理，然后对Swig使用json过滤器，根据文档所述：

返回JavaScript对象的字符串表示形式。

如果我不得不猜测，我会说，通过在字符串上使用json过滤器，Swig认为它与对象无关，因为该对象已经是字符串，并且将其传递（正是我一直想要的！）。 令人难以置信的是，当Swig不触摸数据时，速度要快得多。 JSON字符串化和解析对于数据大小而言确实非常快，而Swig最多需要40秒