Ember 라우터가 Chrome 및 Safari에서 URL을 업데이트하지 않습니다.

Question

ember.js에서 다음과 같이 구현했습니다. 코드는 특정 지점까지 작동합니다.

루트 URL (예 : '/')에서 애플리케이션을 입력하면 tasks.index로 이동해야하며 변경 사항을 #/tasks를 표시하여 반영합니다.

하지만 '#/tasks'로 이동하면 'hello from index view'메시지가 표시됩니다.

Google 크롬 버전 19 및 ember.js edge를 사용하고 있습니다.

모든 도움을 주시면 대단히 감사하겠습니다.

App = Em.Application.create({}); 

App.IndexView = Em.View.extend({ 
    template: Em.Handlebars.compile(
     'hello world from index' 
    ) 
}); 

App.ShowView = Em.View.extend({ 
    template: Em.Handlebars.compile(
     'hello world from show' 
    ) 
}); 

App.Router = Ember.Router.extend({ 
    location: 'hash', 
    rootElement: "#my-app", 
    enableLogging: true, 

    root: Ember.State.extend({ 
     index: Ember.State.extend({ 
      route: '/', 
      redirectsTo: 'tasks.index' 
     }), 

     tasks: Ember.State.extend({ 
      route: '/tasks', 

      index: Ember.ViewState.extend({ 
       route: '/', 
       view: App.IndexView 
      }), 

      show: Ember.ViewState.extend({ 
       route: '/show', 
       view: App.ShowView 
      }) 
     }) 
    }) 
}); 

App.initialize(); 

Answer 1

이 jsFiddle를 참조하십시오

코드 - 당신이 할 필요가 모든 변화 redirectsTo: 'tasks.index'이 redirectsTo: 'tasks'에 http://jsfiddle.net/ud3323/WLcRQ/

Debug->http://jsfiddle.net/ud3323/WLcRQ/show/

>이었다.

redirectsTo을 사용할 때 대상 상태에 시작 경로가 정의되어있을 때 대상 상태의 시작 경로를 지정할 필요가 없습니다.