角度ネストされたルートは、私が自分のために、角-ルート・プロバイダの例をカスタマイズしようとしている

Question

問題＃1

正常にロードしません。 セクション1の各要素に対して個別に区切られたタブを実装しようとしています。

セクション＃/ section1/hsタブの/ ov。

app.jsコードhereが表示されます。

私は試してみましたが、他の方法の代わりに使用していますが、動作しません。私はtemplateUrl内の別の角度のアプリのパスを使用する場合

問題＃2

はまた、ページが（テキストのみが表示されている）が正しくロードするように思われません。 これは、templateUrlの別のAngularアプリを呼び出せないためですか？私は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に設定した場合、正常に動作するはずです。