作成した内部リンクがサイトでうまく動かない

Question

前提・実現したいこと

作成した内部リンクがサイトで動くようにしたい。

発生している問題・エラーメッセージ

同一サイトにある「id=blog」に内部リンクするため

「https://abc.com/#blog」

を作成して実行すると、１度はそこへリンクした後、

下記の様に#!（ハッシュバング）が自動的に付加されて、以降、内部リンクができなくなる。

「https://abc.com/#!/#blog」

補足情報（FW/ツールのバージョンなど）

netcommons3（https://www.netcommons.org/）

というCMS上で、コードを記入できるframeの中（「お知らせ」プラグイン）で実行しています。

（netcommons3は、フレームワークCakePHP2.x AngularJS1.x Bootstrap3.x　で作成されています
インフラは　Vagrant　Chef、Cookbook　Apache　PHP　Mysql）

＜具体例＞

具体例を、下記のサイトに記載してみました。

https://www.netcommons.org/bbses/bbs_articles/view/776/9c28f46d184c4f4891b9ecc5b7000540?frame_id=195

Comments

[alg]

Vue.js などのフレームワークを使用していますか？使用している場合は、何を使用しているかを追記してください。

[dreamers]

netcommons3（https://www.netcommons.org/）というCMS上で、コードを記入できるframeの中（「お知らせ」プラグイン）で実行しています。
（netcommons3は、フレームワークCakePHP2.x AngularJS1.x Bootstrap3.x　で作成されています
インフラは　Vagrant　Chef、Cookbook　Apache　PHP　Mysql）

[alg]

お手数ですが、追記はここ（質問への追記・修正の依頼）ではなく、質問本文にお願いします。

[dreamers]

スイマセン、本文の補足情報に追記しました

[yoshinavi]

ヒントになるでしょうか？
https://qiita.com/shogogg/items/542bd6d18f777bcc24bc

[dreamers]

yoshinaviさん、ありがとうございます。
AngularJSの環境で、ページ内リンクって、簡単なようで、実は、めんどうくさそうですね、
<a herf= >が使えなくなったので、代わりにこうすれば、ＯＫ、という確定情報が無いように思います。もう少し調べてみます。

Answer 1

AngularJSでページ内リンクを使う - Qiita

↑こちらは試されましたか？

foobar8さんがおっしゃる通り、AngularJSの場合、通常のアンカーリンクで、ページ内リンクや、
routerを使ったページ遷移はできませんので、
フレームワーク上の方法を使うしかありません。

私も動作確認はしておりません。

Answer 2

Angular は ハッシュをルーティングに利用しているので、通常の書き方でのアンカーリンクを使うことは難しいですね。
$anchorScrollを使ってみると良いかもしれません。（動作確認はしていませんが）