包括部分灰烬

时间:2013-09-25 15:26:26

标签: ember.js handlebars.js

在EmberJs导言教程http://emberjs.com/guides/的大约17:23分钟,教程作者在模板中包含部分内容,使用格式{{partial 'post/edit'}}来调用部分并指示在哪里应该包含它,然后他给出了包含这种风格的id的部分

id="post/_edit"

我在此代码中复制了该模式,但部分未包含在法院列表中。有什么我做错了吗?据我了解,我只需要在Handlebars中指出我在Ember视图或控制器中包含部分内容而不执行任何操作以使其正常工作。

<script type="text/x-handlebars" id="courts">

  <div class='span4'>
      {{#each item in model}}
      <li> {{#link-to 'court' item}}
      {{ item.name }} 
      {{ partial 'courts/blah'}}
      {{/link-to }}</li>
    {{/each}}

         </ul>
  </div>

  <div class="span4 offset4">
   {{ outlet}}
   </div>

</script>

 <script type="text/x-handlebars" id="courts/_blah">
    This is a partial  blah blah
 </script>

来自EmberJS教程的代码。

  <script type="text/x-handlebars" id="post">
    {{#if isEditing}}
      {{partial 'post/edit'}}
      <button {{action 'doneEditing'}}>Done</button>
    {{else}}
      <button {{action 'edit'}}>Edit</button>
    {{/if}}


  </script>

  <script type="text/x-handlebars" id="post/_edit">
    <p>{{input type="text" value=title}}</p>
    <p>{{input type="text" value=excerpt}}</p>
    <p>{{textarea value=body}}</p>
  </script>

1 个答案:

答案 0 :(得分:1)

通常您希望使用data-template-name代替id来命名模板。

<script type="text/x-handlebars" data-template-name="application">
  <!-- Stuff goes here. -->
</script>