angulaire.js - S'il n'y a pas de # devant le lien dans le modèle angulaire, comment puis-je l'acheminer vers le modèle ?
高洛峰
高洛峰 2017-06-27 09:18:42
0
1
1015

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.htmlMaintenant 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.

Étant donné que le contenu du modèle est écrit et généré à l'aide d'autres outils, il n'y a pas de '#' avant le lien (il n'est pas pratique de l'ajouter car il existe d'autres utilisations)

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

Merci beaucoup !


De plus, j'ai essayé d'utiliser locationProvider.html5Mode(true). Lors de l'accès à home.html, le lien est devenu

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.

高洛峰
高洛峰

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

répondre à tous(1)
给我你的怀抱

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

.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal