Ember.js总是加载索引路由

Question

我有一个非常简单的设置，两条路线。

1索引2类

我的问题是无论我导航到哪个URL，索引路由都已加载

这是我的js代码

App = Ember.Application.create({
    rootElement: '#ember123'
});
App.ApplicationView = Ember.View.extend({
    initFoundation: function() {
        Ember.$(document).foundation();
    }.on('didInsertElement')
});
App.Router.map(function(){
    this.route('classes', {path:'class'});
    this.route('index', {path:'/'});

});
App.IndexRoute = Ember.Route.extend({
    model: function() {
        return Ember.$.getJSON('url').then(function(classData) {
            return classData;
        });
    }
});

任何我的HTML：

<script type="text/x-handlebars">
    {{outlet}}
</script> 

<script type="text/x-handlebars" id="classes">
    //some html
</script> 

<script type="text/x-handlebars" id="index">
    //some html
</script> 

即使我导航到“ / class”，我也会在索引中找到html。

Answer 1

看来您的应用程序已配置为使用浏览器的哈希值来浏览您的站点，因此/#/必须位于url中。 您可以使用以下代码块禁用此行为，然后/class应该起作用：

App.Router.reopen({
  location: 'auto'
});

这将使用“ 自动定位”根据用户的浏览器选择最佳选项。