注：私はまだこれを解決していません。
ngRouteこの投稿は、私がAngularの新しいバージョンを使用しているため、私の問題の解決策を説明しているようですが、彼女の解決策を機能させることができませんでした: https://stackoverflow.com/a/35028895/6647188
私の単一ページアプリ: https://kylevassella.github.io/
ナビゲーションボタンを別のビューのハッシュリンクにリンクしようとしています。ここで受け入れられた回答を使用して助けを求めてきました: AngularJS でアンカー ハッシュ リンクを処理する方法
$anchorScrollしかし、自分のサイトに( ) を実装するのに問題があります。
私が話していることを見るには：
- My Plunker: https://plnkr.co/edit/fgTG7j?p=info ナビゲーション メニュー (「ホーム ポートフォリオ コンタクト」) が上部に表示されるように、プレビュー ウィンドウを十分に広くします。
[Projects] まで下にスクロールし、[Project 1] をクリックします。これにより、新しいビューが開き、
ng-show別のナビゲーション バーが有効になります (以前のものと同じように見えます。これらのナビゲーション アンカーについては、以下<section ng-show="showPortfolioHeader">を参照し てください)。index.htmlここから、'Portfolio' & 'Contact' をビュー内の #portfolio & #contact ハッシュ リンク ID にリンクさせ
views/home.htmlます。views/home.htmlしかし、ページ上のそれぞれのスクロール ポイントではなく、正しいルート ( ) に移動するだけです。
注: Plunker では、これらは正しいルートにリンクすることさえできず、404 につながります。それは問題ではありません。私のローカル マシンでは、この部分は正常に動作します。私の問題は、views/home.htmlビューに到達すると、ブラウザーがハッシュ リンクまでスクロールしないことです。