Javascript 将余烬视图渲染到定义的容器中_Javascript_Ember.js_View

Javascript 将余烬视图渲染到定义的容器中

javascript ember.js view

Javascript 将余烬视图渲染到定义的容器中,javascript,ember.js,view,Javascript,Ember.js,View,我正试图了解emberjs，我现在的问题是我有以下标记： <div class="row"> <div class="col-lg-12"> <script type="text/x-handlebars"> Hi, {{name}}! </script> </div> </div> 而不是我所期待的，在div.col-lg-12中。我就是不明白为什么

我正试图了解emberjs，我现在的问题是我有以下标记：

<div class="row">
    <div class="col-lg-12">
        <script type="text/x-handlebars">
            Hi, {{name}}!
        </script>
    </div>
</div>

而不是我所期待的，在

div.col-lg-12

中。我就是不明白为什么会这样。我遗漏了什么？

你的把手模板应该在HTML的顶层声明，标记在脚本标记中，而不是相反。例如，类似这样的事情：

<body>
    <script type="text/x-handlebars" data-template-name="index">
        <div class="row">
            <div class="col-lg-12">
                Hi, {{name}}
            </div>
        </div>
    </script>
</body>


嗨，{{name}

这允许Ember.js正确地检测模板，并在到达适当的路线时填充模板。看一下，您将更好地了解如何编写模板。你可能还想读书

编辑：还有一点可能会有所帮助，那就是记住把手模板不必放在HTML文件中。我把我的文件放在

.hbs

文件中，并将它们编译成Javascript。车把脚本标签真的只是为了方便。换句话说，永远不要在标记中添加脚本标记，只要使用Handlebar表达式，Ember就会知道该怎么做

<body>
    <script type="text/x-handlebars" data-template-name="index">
        <div class="row">
            <div class="col-lg-12">
                Hi, {{name}}
            </div>
        </div>
    </script>
</body>