디자인이 있습니다.boilerplate.js에서 하위 모듈을 만들 수있는 방법
Im은 많은 제품을 보유하고 있으며 각 제품에는 많은 하위 제품이 있습니다.
이제 첫 번째 화면에서 모든 제품을 보여주는 대시 보드를 보여 드리고자합니다.
클릭하면 각 제품마다 별도의보기을 열고 싶습니다. 왼쪽 탐색 모음과 상세보기가 있습니다. 이것들은 내 메인 모듈이 될 것입니다.
왼쪽 메뉴 바가 현재 내 하위 제품이 될 것입니다. 이제 모든 하위 제품을 클릭하십시오. 세부보기를 변경하고 싶습니다. 이 내 서브 모듈
될 것입니다 당신이 자신과 함께 사전에
감사가있는 경우 일부 샘플 예제를 공유하시기 바랍니다.
BoilerplateJS는 중첩 된 컨텍스트를 지원합니다. 자세한 내용은 boilerplatejs.org의 '제품 모듈'섹션을 참조하십시오. 자식 컨텍스트를 생성 할 때 부모 컨텍스트를 전달하여 중첩 컨텍스트를 만들 수 있습니다. 각 제품에 대한 컨텍스트를 만들 수 있습니다. 그런 맥락에서 하위 제품이 될 모듈을 만들 수 있습니다. 이러한 유형의 모듈 구조를 사용하면 코드를 유지 관리하는 데 도움이됩니다.
요구 사항을 구현하는 방법은 여러 가지가 있습니다.
www.myapp.com/index.html#productA/submodule1
www.myapp.com/index.html#productB/submodule1
당신은 그것이 제 1 부분에 따라 표시 할 필요가있는 메뉴를 변경하는 별도의 모듈로 메뉴를 구현할 수 있습니다
한 가지 방법은 다음과 같이 응용 프로그램의 URL을 구조하는 것입니다 (productA, productB)을 URL의 나머지 부분에 따라 활성화/비활성화 할 수 있습니다. 이 방법을 사용하면 북마크 된 링크가 트리거 될 때 페이지를 북마크하고 동일한 상태로 가져올 수 있습니다.