Aurelia 중첩 라우터 및 라우터보기

Question

화면에 강좌 목록이 필요합니다 (고안된 예). 코스를 클릭하면 해당 코스를 수강하는 학생 목록으로 확장됩니다 (여전히 코스 목록 표시). 학생을 클릭하면 학생 세부 정보의보기로 확장되어야합니다 (여전히 학생 목록 및 코스 목록 표시).

기본적으로 중첩 된 라우터를 갖고 싶습니다. ,

this.router.configure(config => { 
     config.map([ 
      {route: "course/:course-id/student/:student-id", name: "student", moduleId: "student"} 
     ]); 
}) 

student.html 갖는 자체 라우터 시청 소자

상기 방법 :

예는

config.map([ 
     {route: "", moduleId: 'no-selection', title: 'Select'}, 
     {route: "course/:course-id", moduleId: 'course', name: 'course'} 
]); 

course.js (라우터 주입)을 app.js 하지만 최상위 링크 (코스)를 클릭하면 콘텐츠가 내부 라우터보기에 배치됩니다. 더 나쁜 것은, 확장 된 모든 학생에게 라우터보기가 있다는 것입니다. 어떻게 관리합니까?

기본적으로 나는 이것을 수행하는 방법에 대한 문서를 찾을 수 없습니다. 자식 라우터 항목이 정확히 필요한 것 같지 않습니까? 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이것을 살펴보고 단일 라우터로 어떻게 구현할 수 있는지 살펴 보겠습니다. 다음은 내가 사용할 수있는 경로 구조입니다.

[ 
    { route: "", moduleId: 'no-selection', title: 'Select'}, 
    { route: "course/:courseId/:studentId?", moduleId: 'course', name: 'course'} 
]); 

studentId 매개 변수는 선택 사항입니다.

다음은이 과정 페이지를 사용하여 activate 콜백에서받는 매개 변수만을 기준으로 원하는 모든 작업을 수행하는 방법을 살펴 보겠습니다.

지금 당장은 완전한 대답을 드릴 시간이 없지만, 이것이 올바른 길로 인도 할 수 있기를 바랍니다.