Ember.js가 다른 경로에있는 하나의 템플릿에서 div를 렌더링합니다.

Question

Ember.js를 사용하여 웹 사이트를 만들 때 문제가 발생했습니다.

Ember-projects를 만들 때 Ember-tools을 사용하고 있습니다.

1. index.hbs
2. food.hbs
3. application.hbs

이

{{partial header}} 
{{outlet}} 
{{partial footer}} 

W를 application.hbs :

나는이 템플릿이 암탉 나는 내 indexRoute을 탐색 중이며 foodRoute에 대한 링크를 클릭해도 괜찮은 것처럼 보였습니다. 그러나 indexRoute에서 foodRoute으로 링크를 클릭하면 페이지 하단의 HTML이 food.hbs에서 나옵니다.

이 두 경로를 더 많이 탐색할수록 두 경로 모두 내 <div class="hero"></div>의 복제본이 더 많이 렌더링됩니다!

왜 이런 일이 발생합니까?

Answer 1

템플릿 중 하나에 불량 HTML이 있습니다. 누락 된 마감 태그 또는 그 선을 따라있는 것 같습니다. 그 이상을 위해 템플릿을 표시해야합니다.