Utilisez angulaire pour créer un assistant de document. Le côté gauche est l'arborescence des répertoires et le côté droit utilise ng-view
La page d'accueil est la suivante :
<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>
Le fichier js est le suivant
'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);
});
Le lien est comme ça lors d'un accès normal http://localhost:8011/home.html#/en-us_topic_0055728380.html
J'ai rencontré un problème qui n'a pas pu être résolu. Les fichiers HTML dans templateUrl seront liés les uns aux autres. Utilisez directement <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.html
Maintenant href Il n'y a pas de "#" devant. Cliquez directement sur le lien pour accéder au lien http://localhost:8011/en-us_topic_0054463504.html
. affiché. Le contenu de la page d'accueil ne peut pas être chargé. Il est manquant.
Comment le lien peut-il être acheminé vers le modèle dans ce cas ? Je peux faire en sorte que le lien ressemble à ceci
http://localhost:8011/home.html#/en-us_topic_0055728380.html
et la page home.html ne s'est pas chargée http://localhost:8011/
,左侧链接去掉#能正常访问,在home.html跳转到en-us_topic_0054463504.html时,链接变成 http://localhost:8011/en-us_topic_0054463504.html
,能正常访问,但是新开一个tab直接放 http://localhost:8011/en-us_topic_0054463504.html
.
La première question est que si vous utilisez un itinéraire, la balise a ordinaire ne peut pas être sautée comme celle-ci. Vous devez utiliser la balise d'itinéraire correspondante pour sauter ou utiliser une fonction pour effectuer le saut d'itinéraire.
.La deuxième question est de savoir si. vous souhaitez accéder directement à la sous-route, vous avez besoin d'un serveur équipé de pseudo-statique