각도 중첩 된 경로는 내가 나 자신을 위해 각-경로 바이더 예를 사용자 정의하기 위해 노력하고있어

Question

문제 # 1

제대로로드되지. 섹션 1의 각 요소에 대해 개별적으로 구분 된 탭을 구현하려고합니다.

내 섹션 #/섹션 1/hs (hs.html)은 여전히 ​​#/섹션 1/hs 대신 #/섹션 1/hs/X를 구현합니다./ov 탭.

app.js 코드 here을 볼 수 있습니다.

예를 들어 & 다른 방법으로 환경 설정을 시도했지만 작동하지 않습니다. 내가 templateUrl 다른 각도 응용 프로그램 경로를 사용할 때

문제 # 2

또한, 페이지가 (단지 텍스트가 표시되는) 제대로로드 것 같습니다하지 않습니다. templateUrl에서 다른 각도 앱을 호출 할 수 없기 때문입니까? 나는 AngularJS의 전문가가 아니므로 이것에 대해 확신하지 못합니다.

아래 코드는 this 예입니다. 도움을 주시면 감사하겠습니다.

section1.html :

<li ng-repeat="i in items" 
ng-class="{active:('s1.itemInfo' | routeSegmentStartsWith) && 
('id' | routeSegmentParams) == i}"> 

<a ng-href="#{{'s1.itemInfo' | routeSegmentUrl: {id: i} }}">{{i}}</a> 

</li> 

<li ng-class="{active:('s1.hs' | routeSegmentStartsWith)}"> 
<a ng-href="#{{'s1.hs' | routeSegmentUrl }}">HTML/CSS</a> 
</li> 

<li ng-class="{active:('s1.prefs' | routeSegmentStartsWith)}"> 
<a ng-href="#{{'s1.prefs' | routeSegmentUrl }}">Preferences</a> 
</li> 

hs.html : 물리적 /section1/hs/ov 입력하면

<ul class="nav nav-tabs"> 
<li ng-class="{active: $routeSegment.contains('ov')}"> 
<a href="#/section1/hs/ov">Overview</a> 
</li> 
</ul> 

<div app-view-segment="2" class="anim" No tab selected.> </div> 

Answer 1

당신이 올바른 페이지로 이동합니다? 귀하의 오해는 s1.hs으로 이동하여 탭이 templates/secion1/hs.html에서 오는 것이지만 .when('/section1/:id', 's1.itemInfo')으로 덮어 씁니다.

그래서 위의 디렉토리 section1/hs/ov에있는 디렉토리로 이동하기 전에는 템플릿이로드되지 않습니다. /section1/anything/tab1은 ID가 실제로 헤더 이름 설정 이외의 용도로 사용되지 않으므로 여전히로드됩니다. tab1.html

templateUrl을 사용하여 다른 각도 애플리케이션으로 이동하려면 (앱 모듈 선언에 종속성으로 삽입되지 않은), 페이지를 다시로드해야합니다. templateUrl을 /templates/newapp.html으로 설정하고 #을 생략해야하는 html ng-href={{'newapp' | routeSegmentUrl }}"m에서 제대로 작동해야합니다.