ember.js - 在事件的 {{linkTo}} 周围创建一个

Question

最干净的获取方式是什么<li class="active">对于以下 Ember 应用程序中的事件页面？

index.html

<script type="text/x-handlebars">
  <ul class="nav">
    <li>{{#linkTo 'ping'}}Ping{{/linkTo}}</li>
    <li>{{#linkTo 'pong'}}Pong{{/linkTo}}</li>
  </ul>
</script>

app.js

App = Ember.Application.create()

App.Router.map(function() {
  this.route("ping", { path: "/ping" });
  this.route("pong", { path: "/pong" });
});

Answer 1

这个解决方法为我做了:

{{#linkTo  'menus.search' tagName='li' href=false}}
    {{#linkTo 'menus.search'}}
        <i class="icon-search"></i>
    {{/linkTo}}
{{/linkTo}}

它创建了一个包含 anchor 元素的 li 元素。当路由处于事件状态时，两者都将使用“事件”类进行更新。