将 ember-view 渲染到定义的容器中
Posted
技术标签:
【中文标题】将 ember-view 渲染到定义的容器中【英文标题】：Render ember-view into defined container 【发布时间】：2014-09-12 09:58:23 【问题描述】：我正试图了解 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 的顶层声明，标记位于 script 标签内，而不是相反。例如，这样的事情：
<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 就会知道该怎么做。
【讨论】：
以上是关于将 ember-view 渲染到定义的容器中的主要内容，如果未能解决你的问题，请参考以下文章
Server-Side Rendering(服务端渲染)的优点与缺点
我的渲染技术进阶之旅收集到的关于KTX(Khronos Texture)的一些资料:用于OpenGLVulkan和其他GPU API的纹理轻量级容器
我的渲染技术进阶之旅收集到的关于KTX(Khronos Texture)的一些资料:用于OpenGLVulkan和其他GPU API的纹理轻量级容器