0

問題＃1

angular-route-provider の例を自分用にカスタマイズしようとしています。セクション 1 の要素ごとに個別に区切られたタブを実装しようとしています。

私のセクション #/section1/hs(hs.html) は、タブの #/section1/hs/ov の代わりに #/section1/hs/X をまだ実装しています。

app.js コードはこちらで確認できます。

設定の例と他の方法を使用してみましたが、うまくいきません。

問題＃2

また、templateUrl で別の角度のあるアプリ パスを使用すると、ページが正しく読み込まれないようです (テキストのみが表示されます)。templateUrl で別の Angular アプリを呼び出すことができないためですか。私はAngularJSの専門家ではないので、これについてはわかりません。

以下は、この例の私のコードです。

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 : 

<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>
4

1 に答える 1

0

物理的に入力する/section1/hs/ovと、正しいページに移動しますか? あなたの誤解は、そこに移動するs1.hsことでタブが来るはずなのに、templates/secion1/hs.htmlによって上書きされるということ.when('/section1/:id', 's1.itemInfo')です。

そのため、存在する上位のディレクトリに移動するまで (この場合section1/hs/ovは)、テンプレートはロードされません。id はヘッダー名の設定以外には実際には使用されない/section1/anything/tab1ため、まだ loadになります。tab1.html

templateUrl を使用して、アプリ モジュール宣言で依存関係として挿入されていない別の角度アプリケーションに移動するには、ページのリロードを行う必要があります。/templates/newapp.htmlhtml m でtemplateUrl を および に設定し、ng-href={{'newapp' | routeSegmentUrl }}"を確実に省略した#場合、動作するはずです。

于 2016-10-11T18:26:33.667 に答える