2012-06-07 4 views
0

Ember.js 라우팅 작동 방식과 특히 경로에서 동적 세그먼트를 사용하는 방법을 이해하는 데 문제가 있습니다.Ember.js 라우팅에서 동적 세그먼트 사용

예를 들어 재설정 된 비밀번호 페이지에서 토큰을 가져 와서 양식 제출에서 사용하려는 경우 토큰을 어떻게 얻을 수 있습니까? 아래의 코드는 중간 단계로 페이지에 토큰을 인쇄하려고 시도하지만 TokenView를 렌더링하지는 않습니다. 무엇이 잘못 되었습니까? 감사.

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

App.IndexView = Em.View.extend({ 
    template: Em.Handlebars.compile(
     '<h1>Index</h1>' 
    ) 
}); 

App.ResetView = Em.View.extend({ 
    template: Em.Handlebars.compile(
     '<h1>reset view </h1>' 
    ) 
}); 

App.TokenView = Em.View.extend({ 
    template: Em.Handlebars.compile(
     '<h1>token view {{token_id}}</h1>' 
    ) 
}); 

App.Router = Ember.Router.extend({ 

    rootElement:'#content', 
    location: 'hash', 
    enableLogging: true, 

    root: Ember.State.extend({ 

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

     passwordReset: Ember.ViewState.extend({ 
      route: '/reset', 
      view: App.ResetView, 

      token: Ember.ViewState.extend({ 
       route: '/:token_id', 
       view: App.TokenView 
      }) 
     }) 
    }) 
}); 

App.router = App.Router.create(); 
App.initialize(App.router); 

답변

1

당신은 기술 문서의 상태를 살펴해야 약 Router

+0

https://emberjs-staging-new.herokuapp.com/guides/outlets#toc_the-router @ 가능 발전-뿐만 감사 마이크이다. 그 문서는 많이 개선 된 것처럼 보였습니다. 전에 발견하지 못했습니다. – Brian

+1

나는 그 페이지를 읽고 언급 된 컨트롤러, 객체 및 템플릿의 세부 사항이 빠져 있고, 나는 그것들을 위해 무엇인가를 스터핑하려고 계속 노력하고있다. 당신은 어딘가에서 완전한 모범을 보았습니까? – Brian

+0

다음은 https://github.com/jbrown의 전체 예의 예입니다. http://jsfiddle.net/justinbrown/C7LrM/10/ – Brian