在Ember.js中路由

Question

我嘗試在Ember.js中使用路由，但它似乎沒有正常工作。

完整的代碼here on Github，但部分低於：

define(['ember', 'app/controllers/controller', 'app/views/view'], function (ember, controller, view) { 
    var Router = Ember.Router.extend({ 
     root: Ember.State.extend({ 
      index: Ember.State.extend({ 
       // location: Ember.Location.create({style: 'hash'}), 
       location: 'hash', 
       enableLogging: true, 
       route: '/', 
       redirectsTo: 'news.index' 
      }), 
      news: Ember.State.extend({ 
       route: '/news', 
       // showPost : Ember.State.transitionTo('post'), 
       test: Ember.ViewState.extend({ 
        route: '/test', 
        view: view.appendTo('body') 
       }), 
       index: Ember.ViewState.extend({ 
        route: '/', 
        view: null 
       }) 
      }) 
     }) 
    }); 
    var router = Router.create({}); 
    return router; 
}); 

Answer 1

我想你需要你的代碼改成這樣：

define(['ember', 'app/controllers/controller', 'app/views/view'], function (ember, controller, view) { 
    var Router = Ember.Router.extend({ 
     // These are properties of Ember.Router and should be defined here 
     location: 'hash', 
     enableLogging: true, 

     root: Ember.State.extend({ 
      index: Ember.State.extend({ 
       route: '/', 
       redirectsTo: 'news.index' 
      }), 
      news: Ember.State.extend({ 
       route: '/news', 
       // showPost : Ember.State.transitionTo('post'), 
       test: Ember.ViewState.extend({ 
        route: '/test', 
        view: view.appendTo('body') 
       }), 
       index: Ember.ViewState.extend({ 
        route: '/', 
        view: null 
       }) 
      }) 
     }) 
    }); 
    var router = Router.create({}); 
    return router; 
}); 

讓我知道是否可行。

更新

其實你不應該使用ViewState的要麼。這是貶值。按照指南http://emberjs.com/guides/outlets/。