Html 在余烬的div中放置把手脚本

我试图把把手脚本放在左边的一栏里，但我似乎不能把它们放在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>

---

您尚未具体描述应用程序的设置，但我将使用您发布的内容为您指明正确的方向

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>

---

3不要试图定义嵌套在HTML中的把手模板。我不确定您是否这样做，因为您尚未发布整个HTML页面，但每个模板都需要单独定义。

谢谢！我终于明白如何使用插座了！

<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>