Ember가 루트 템플릿 만 렌더링합니다.

엠버 응용 프로그램을 설정하려고하는데 이상한 동작이 나타납니다. 두 개의 라우트가 설정되었습니다. "환영"은 "/"에 매핑됩니다. 및 "기능"으로 매핑되며 "기능"에 매핑됩니다. "/"로 이동하면 시작 템플릿이 올바르게 렌더링됩니다. 그러나 "/ features"로 이동하면 여전히 환영 템플릿이 렌더링됩니다.Ember가 루트 템플릿 만 렌더링합니다.

이 jsbin은 실제로 올바르게 작동합니다 : http://jsbin.com/OSoFeYe/1,하지만 내 응용 프로그램의 아래 코드는 그렇지 않습니다.

App.Router.map(function() { 
this.route("welcome", {path: "/"}); 
this.resource("features", {path: "/features"}, function() { 
    this.route("new"); 
    }); 
}); 

App.FeaturesIndexRoute = Ember.Route.extend({ 

}); 



<body> 
    <div class="container"> 

<script type="text/x-handlebars"> 
<h1>rendered application template</h1> 
{{outlet}} 
</script> 

<script type="text/x-handlebars" data-template-name="features"> 
<h2>Render features</h2> 

<h6>Done features template</h6> 
</script> 

<script type="text/x-handlebars" data-template-name="welcome"> 
<h2>Render welcome</h2> 
</script> 
</div> 
</body>

이 문제점에 대한 통찰력을 얻으실 수 있습니다.

출처

2013-08-30 Doug R

js 파일에 다음을 추가하면 해시가 더 이상 필요하지 않습니다.

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

출처

2013-08-30 13:52:12 reknirt

jsbin에서 코드를 가져 와서 앱에 붙여 넣으면 안되는 오타 또는 일부 코드 블록이있을 수 있습니다. jsbin에서 다음과 같은 링크를 포함하도록 "환영"템플릿을 편집했는데 완벽하게 작동했습니다.

<script type="text/x-handlebars" data-template-name="welcome"> 
    <h2>rendering welcome template</h2> 
    {{#linkTo "features"}}features{{/linkTo}} 
</script>

환영 링크에는 "렌더링 환영 템플릿"텍스트 바로 아래에 "기능"이라는 링크가 있습니다. 링크를 클릭하면 "렌더링 기능 템플릿"이라고 표시됩니다.

출처

2013-08-30 04:09:24 reknirt

따라서 기능은 "http : // localhost : 3000/features #/features"링크를 링크하고 기능 템플리트를 올바르게 렌더링합니다. 그러나 "http : // localhost : 3000/features"로 이동하면 여전히 환영 템플릿이 렌더링됩니다. –

좋아, 여기에 문제가있는 것 같아서 엠버 루트가 어떻게 작동하는지 오해 한 것입니다. 내 URL에 해시를 포함시켜야합니다. 그래서 내 기능 url은/features가 아닌/#/features입니다.

출처

2013-08-30 12:07:42

Ember가 루트 템플릿 만 렌더링합니다.

답변

관련 문제