AngularJS Mean.js Atom Beautifier Javascript 问题

Question

我刚刚花了好几个小时调试原子美化后出现的问题。我的问题是为什么会出现以下问题。

这是文件 layout.server.view.html 中 MEAN.js 脚手架中的一段代码：（我不知道这段代码的作用……但那是另一回事）

<!--Embedding The User Object-->
  <script type="text/javascript">
    var user = {{ user | json | safe }};
  </script>

在我使用 atom 美化器之后，它看起来像这样：

<!--Embedding The User Object-->
<script type="text/javascript">
  var user = {
    {
        user | json | safe
    }
  };
</script>

后者会导致 chrome 和 firefox 中的 javascript 错误。

我的问题是……为什么。我认为空白在 javascript 中并不重要。如果您还有几个周期，我也想知道这段代码在做什么。

谢谢！

Answer 1

这其实以前咬过我一次，现在又咬我的时候我还是被它难住了。

两个大括号 ({{...}}) 告诉 AngularJS 将内容作为表达式进行计算。美化器通过帮助将双花括号分成单独的行来打破这一点。因为这就是你的本意，对吧？