2017-08-24 21 views
0

を開いていない:角度UI-ルータは、私はそうのように設定しているメインビュー

broadband_safety.html:

<div ui-view></div> 

<div ng-include="'content/secondary_nav.html'"></div> 

そして、私が設定したルートは以下のとおりです。

.state('broadband_safety', { 
    url: '/broadband_safety', 
    templateUrl: './content/broadband_safety.html' 
}) 

.state('broadband_safety.what_is_sbs', { 
     url: '/what_is_sbs', 
     templateUrl: './content/what_is_sbs.html' 
    }) 

だから私はbroadband_safetyに移動すると言うことができます。私が得るのは、空のUIビューと、ナビゲーションバーの下部にあるものです。私が望むのは、あなたがbroadband_safetyにナビゲートするときにページを読み込むことです。私はそのシンプルなことを確信していますが、私の人生のためにそれを理解することはできません。

第2の状態は、ナビゲーションバーの最初のボタンです。ブロードバンドテンプレートをwhat_is_sbsに変更しようとしましたが、ナビゲーションバーが消えてしまいました。

答えて

1

私はこの問題を解決しました。その後、

.state('broadband_safety', { 
    **abstract: true,** 
    url: '/broadband_safety', 
    templateUrl: './content/broadband_safety.html' 
}) 

をして:この問題を解決するには

は、私が使用

.state('broadband_safety.home', { 
     url: '', 
     templateUrl: './content/what_is_sbs.html' 
    }) 
0

これは二重のドットを持っている必要があります。

templateUrl: 'content/broadband_safety.html' 

あなたは一つのディレクトリまで戻る必要があります。

+0

はコメントありがとうございましたが、シングルまたはダブルドット、そのはまだ違いはありません。私がbroadband_safety.htmlに移動すると、空のUIビューとその下にナビゲーションバーが表示されます。 –

+0

その後、./ –

+0

@JoshWintersのコードを変更した方法を試してください –