我正在尝试将把手脚本放在左栏中,但我似乎无法把它们放在div中。我一定是做错了 - 这个问题可能很愚蠢,但我是一个初学者并一直在努力,所以你的答案将不胜感激!
<div id="map-canvas"></div>
<div class="container-fluid" id="main">
<div class="row">
<div class="col-xs-6" id="left">
<script type="text/x-handlebars">
<p>Happening nearby..</p>
<hr>
{{outlet}}
</script>
<script type="text/x-handlebars" id="index">
<p>{{eventName}}</p>
<p>{{#link-to 'eventdetails'}}tell me about the details{{/link-to}}</p>
</script>
</div>
</div>
答案 0 :(得分:0)
您没有具体描述您的应用程序的设置,但我将使用您发布的内容为您指明正确的方向。
1)您希望通过ember处理把手模板并将其插入到DOM中。
我将假设您发布的顶级模板是您的应用程序模板。这必须有一个插座,在其中放置内容。由于您尚未命名您发布的第一个模板,因此我假设您希望将其作为应用程序模板的一部分内联:
<script type="text/x-handlebars">
...
<div class="container-fluid" id="main">
<div class="row">
<div class="col-xs-6" id="left">
<p>Happening nearby..</p>
<hr>
{{outlet}}
</div>
</div>
</div>
...
</script>
2)第二个是当您访问索引路线时将被放入上述插座的内容。此外,如果您依靠Ember填充模板,则需要指定data-template-name
而不是id
。
<script type="text/x-handlebars" data-template-name="index">
<p>{{eventName}}</p>
<p>{{#link-to 'eventdetails'}}tell me about the details{{/link-to}}</p>
</script>
3)不要试图定义嵌套在HTML中的把手模板。我不确定你是否这样做是因为你还没有发布整个HTML页面,但是每个模板都需要单独定义。