如何使用tagName和Menu分隔符？

Question

我在我的Ember模板和菜单分隔符tagName中使用||，但渲染效果并不尽如人意。例如，当About or Home指向||并About出现时，鼠标指针不会转到手。 Products显得正常的地方。有什么问题？

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

Answer 1

您没有将菜单项包装在<li>：

中

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