Ember.js 如何使用标记名和菜单分隔符？

我在余烬模板中使用标记名和菜单分隔符| |，但渲染效果并不理想。e、 g鼠标指针指向左右或原点时不会转向手，并且| |出现在左右的末尾。产品出现在哪里。怎么了

  <script type='text/x-handlebars' data-template-name='application'>
    <div class='navbar navbar-default fixed-top'>
      <div class='container'>
        {{#link-to 'index' class='navbar-brand'}}Ember{{/link-to}}
        <ul class='nav navbar-nav navbar-right'>
          {{#link-to 'index' tagName='li'}}Home{{/link-to}}
          ||
          {{#link-to 'about' tagName='li'}}About{{/link-to}}
          <li>{{#link-to 'products'}}Products{{/link-to}}</li>
        </ul>
      </div>
    </div>
    <div class='container'>
      {{outlet}}
    </div>
  </script>

---

您没有将菜单项包装到：

    <ul class='nav navbar-nav navbar-right'>
      <li>{{#link-to 'index' tagName='li'}}Home{{/link-to}}</li>
      <li>||</li>
      <li>{{#link-to 'about' tagName='li'}}About{{/link-to}}</li>
      <li>{{#link-to 'products'}}Products{{/link-to}}</li>
    </ul>