angular.js - Angular テンプレートのリンクの前に # がない場合、リンクをテンプレートにルーティングするにはどうすればよいですか?
高洛峰
高洛峰 2017-06-27 09:18:42
0
1
992

Angular を使用してドキュメント ヘルプを作成します。左側はディレクトリ ツリー、右側は ng-view を使用します。
ホームページは次のとおりです:

リーリー

jsファイルは以下の通りです

リーリー

通常アクセス時のリンクは次のようになります http://localhost:8011/home.html#/en-us_topic_0055728380.html

解決できない問題が発生しました。templateUrl 内の html は相互にリンクされています。直接使用してください。<a href="en​​-us_topic_0054463504.html">xxxx</a>
href の前に「#」がなくなりました。リンクを直接クリックすると、http://localhost:8011/en-us_topic_0054463504.html のリンクにアクセスできます。別のコンテンツのみが表示されます。テンプレート ページの が表示され、ホームページのコンテンツを読み込むことができません。/home.html のコンテンツがありません。

テンプレートの内容は他のツールを使用して記述および生成されているため、リンクの前に「#」はありません (他の用途があるため、追加するのは不便です)

この場合、リンクをテンプレートにどのようにルーティングすればよいでしょうか?リンクを次のようにすることができます http://localhost:8011/home.html#/en-us_topic_0055728380.html

###どうもありがとうございます!


さらに、locationProvider.html5Mode(true) を使用してみました。home.html にアクセスすると、リンクは

http://localhost:8011/ になります。左のリンクを削除すると、# できます。 home.html では、html が en-us_topic_0054463504.html にジャンプすると、リンクは http://localhost:8011/en-us_topic_0054463504.html となり、正常にアクセスできますが、新しいタブを開いて http://localhost:8011/en-us_topic_0054463504.html を入力します。ホームページ home.html は再度読み込まれません

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(1)
给我你的怀抱

最初の質問は、ルートを使用する場合、通常の a タグをこのようにジャンプすることはできないということです。ジャンプするには、対応するルート a タグを使用するか、ルート ジャンプを実行する関数を使用する必要があります。サブルートに直接アクセスしたい場合は、擬似静的サーバーが必要です

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート