Javascript Angular.element（document.ready（）之后的Angular模板范围访问

我是个新手。 现在尝试Symfony2+AngularJS组合，我遇到以下问题：

在my Inside index.html中，我有以下内容：

<script>
   global = {};
     $(document).ready(function() {
     global.test = {{ test|json_encode|raw }} //From Twig to JS;
});
</script

现在，当我的模板中包含以下内容时，它不会显示任何内容：

<!-- I have {[{ '' }]} instead of {{ '' }} for use of AngularJS to prevent conflict -->
<div>
     <h1>{[{test}]}</h1> //Prints nothing..
</div>

我认为这是因为DOM和Angular当然是同时呈现的，然后执行document.ready函数。 我希望文档中分配的内容已准备就绪，可以在视图/模型中使用

我该怎么做

---

谢谢

多亏了charlietfl的评论，我意识到文档准备功能是我自己造成的问题。我只是用一种不合逻辑的方法把整个事情复杂化了

在HTML中：

<script>
  var global = {};
      global.test = {{ test|json_encode|raw }};
</script> 

HTML文件角度绑定：

 {[{ test }]}

---

为什么要使用$ducument.ready作为与DOM无关的变量？与angular.elementdocument.ready相同。这个想法是从哪里来的？你在angularOk里用的不是什么吗？如果我把它们去掉，我该怎么做？第一个$document.ready在您指出后就没有用了。但是我该如何将细枝分配给控制器作用域变量呢？我知道了！听了你的话，我意识到文件准备好才是真正的问题。谢谢，有时候后面稍微推一下真的很有帮助！

$scope.test = global.test;

 {[{ test }]}