2014-09-12 81 views
0

我试图让我的周围emberjs头,而现在我的问题是,我有以下的标记:渲染烬观看到定义容器

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

ember-view被关闭之前渲染</body>

<div id="ember298" class="ember-view"> 
     Hi, Alex! 
    </div> 
</body> 

,而不是我在那里想到它,里面div.col-lg-12。我只是不明白为什么会这样。我错过了什么?

回答

1

您的Handlebars模板应该在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> 

这使得Ember.js正确检测模板,当你到合适的路线填充它。看看example JSBin for Ember,你会更好地了解如何编写模板。您可能还需要阅读Ember's guide on template basics

编辑:可能还有帮助的东西是记住Handlebars模板不必在您的HTML文件中。我把它放在.hbs文件中,并将它们编译成Javascript。 Handlebars脚本标签实际上就是为了方便。换句话说,永远不要在标记中放入脚本标签,只需使用Handlebars表达式,Ember就会知道该怎么做。