angular.js - Jika tiada # di hadapan pautan dalam templat Sudut, bagaimana saya boleh menghalakannya ke templat?

Question

Gunakan sudut untuk membuat pembantu dokumen Bahagian kiri ialah pepohon direktori, dan bahagian kanan menggunakan ng-view
Laman utama adalah seperti berikut:

    <p class="container-fluid  bs-docs-container">
        <p class="row">
        <p id="doc_navbar" ng-controller="DocMenu" ng-init="init()" class="col-md-3 col-sm-3 col-sx-3">
          <p class="bs-sidebar hidden-print affix-top">
              <ul class="nav bs-sidenav">
                <li class="panel-title">
                  <a href="#en-us_topic_0059503914.html">概述</a>
                  <a href="#en-us_topic_0055728380.html">FAQ</a>
                </li>
               </ul>
          </p>
        </p>

            <p class="col-md-9 col-sm-9 col-sx-9" ng-view data-spy="scroll" data-target="doc_navbar">

                <!-- <p style="margin-bottom: 100px;"></p> -->

            </p>
        </p>
        <!-- docs end -->

    </p>

Fail js adalah seperti berikut

'use strict';

angular.module('portalDoc', ['ngRoute'])
.controller('DocMenu', function() {
})
.controller('DocContent', function($scope) {
})
.config(function($routeProvider, $locationProvider) {
    $routeProvider
    .when('/en-us_topic_0059503914.html', { templateUrl: 'en-us_topic_0059503914.html'})
    .when('/en-us_topic_0055728380.html', { templateUrl: 'en-us_topic_0055728380.html'})
    .when('/en-us_topic_0054463579.html', { templateUrl: 'en-us_topic_0054463579.html'})
    .when('/en-us_topic_0055728381.html', { templateUrl: 'en-us_topic_0055728381.html'})
    .when('/en-us_topic_0055728382.html', { templateUrl: 'en-us_topic_0055728382.html'})
    .when('/en-us_topic_0054463600.html', { templateUrl: 'en-us_topic_0054463600.html'})
    .when('/en-us_topic_0054463621.html', { templateUrl: 'en-us_topic_0054463621.html'})
    .when('/en-us_topic_0054463631.html', { templateUrl: 'en-us_topic_0054463631.html'})
    .when('/en-us_topic_0054463504.html', { templateUrl: 'en-us_topic_0054463504.html'})
    //$locationProvider.html5Mode(true);
});

---

Pautannya seperti ini semasa akses biasa http://localhost:8011/home.html#/en-us_topic_0055728380.html

Saya menghadapi masalah yang tidak dapat diselesaikan HTML dalam templateUrl akan dipautkan antara satu sama lain dengan terus <a href="en-us_topic_0054463504.html">xxxx</a>. <a href="en-us_topic_0054463504.html">xxxx</a>
现在href前面没有“#”，直接单击链接访问链接是 http://localhost:8011/en-us_topic_0054463504.htmlSekarang href Tiada "#" di hadapan Klik pautan terus untuk mengakses pautan http://localhost:8011/en-us_topic_0054463504.html Hanya kandungan berasingan halaman templat dipaparkan. Kandungan halaman utama tidak boleh dimuatkan

Memandangkan kandungan templat ditulis dan dijana menggunakan alat lain, tiada '#' sebelum pautan (tidak mudah untuk menambahnya kerana terdapat kegunaan lain)

Bagaimanakah pautan boleh dihalakan ke templat dalam kes ini? Boleh buat link macam ni

http://localhost:8011/home.html#/en-us_topic_0055728380.html

Terima kasih banyak-banyak!

---

Selain itu, saya cuba menggunakan locationProvider.html5Mode(true) Apabila mengakses home.html, pautan bertukar kepada

dan halaman home.html tidak dimuatkan

Answer 1

Soalan pertama ialah jika anda menggunakan laluan, teg biasa tidak boleh dilompat seperti ini Anda perlu menggunakan laluan yang sepadan dengan teg untuk melompat atau menggunakan fungsi untuk melakukan lompat laluan
Soalan kedua ialah jika anda mahu terus mengakses sub-laluan, anda memerlukan pelayan Dilengkapi dengan pseudo-statik