Question

在我们的页面上，我们有一个与id“root”的根元素相关联的应用程序“Index”。我正在尝试将一个非常简单的把手模板插入页面内联（在此应用程序内部）。

<div id="root">
... 
    <script type="text/x-handlebars"> (this is nested about 5 levels into "root")
      {{foo}}
    <script>
...
</div>

然而，当页面加载时，我发现结果是变形占位符移动成为“root”的第一个子节点（即使在标记中，它是完全嵌套的）。

这里发生了什么？无论我在哪里放置这个内联模板，它都会继续前往这个地方？如何将其保留在标记中？

Answer 1

脚本模板的位置与页面中的位置无关。您可以将它添加到文档的头部，它也会放在那里，因为它是application模板（由于它未命名）。您的应用程序的结构是使用路由器定义的。

嵌套路线示例：

此外，如果您希望应用程序从不同的元素开始，您可以在应用程序上设置rootElement。

App.rootElement = '#fooId';

rootElement示例：