当通过浏览器直接url访问时，Ember.js当前链接未标记为“活动”_Ember.js

当通过浏览器直接url访问时，Ember.js当前链接未标记为“活动”

ember.js

当通过浏览器直接url访问时，Ember.js当前链接未标记为“活动”,ember.js,Ember.js,我有以下最小的应用程序主容器有到TODO的链接。当我点击Todos链接时，它会激活一个类，并通过遵循相应的css规则变为红色。当我在浏览器中提交/todos url时，它会加载正确的模板，其中todos链接标记为class active 嵌套对象链接出现问题当我跟随链接到特定的todo时，它会呈现todo模板并将链接标记为红色。但当我在浏览器中提交/todos/1url时，它会用正确的模板和正确的模型进行响应，它会显示id，但链接中没有活动的类所以我的问题是，通过在浏览器中提交url/to

我有以下最小的应用程序

主容器有到TODO的链接。当我点击Todos链接时，它会激活一个类，并通过遵循相应的css规则变为红色。当我在浏览器中提交/todos url时，它会加载正确的模板，其中todos链接标记为class active

嵌套对象链接出现问题

当我跟随链接到特定的todo时，它会呈现todo模板并将链接标记为红色。但当我在浏览器中提交/todos/1url时，它会用正确的模板和正确的模型进行响应，它会显示id，但链接中没有活动的类

所以我的问题是，通过在浏览器中提交url/todos/1，相应的链接不会使类处于活动状态

JSBin：

index.html

app.css

它似乎对我很管用：当你跟随时它管用吗？我明白你的问题。当您单击链接时，它会起作用，但当您手动更改哈希时，它不会起作用。我不知道该怎么办。这可能是一个余烬虫。你让它工作了吗？

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-2.0.0.js"></script>
        <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-1.0.0.js"></script>
        <script src="http://builds.emberjs.com/tags/v1.3.0/ember.js"></script>

        <script src="app.js"></script>

        <link rel="stylesheet" href="app.css"/>
    </head>
    <body>
        <script type="text/x-handlebars" data-template-name="application">
            {{#link-to "todos"}}Todos{{/link-to}}
            {{outlet}}
        </script>

        <script type="text/x-handlebars" data-template-name="todos">
            {{#each}}
                {{#link-to "todo" this}}{{id}}{{/link-to}}
            {{/each}}
            {{outlet}}
        </script>

        <script type="text/x-handlebars" data-template-name="todo">
            {{id}}
        </script>
    </body>
</html>

var App = Ember.Application.create();

App.Router.map(function() {
  this.resource('todos', function() {
    this.resource('todo', { path: ":id" });
  });
});

App.TodosRoute = Ember.Route.extend({
  model: function() {
    return [{id: 1, name: 'todo 1'}, {id: 2, name: 'todo 2'}];
  }
});

a.active {
  color: red;
}