AngularJS / Sharepoint маршрутизация - PullRequest
Новая
       11

AngularJS / Sharepoint маршрутизация

0 голосов
/ 17 декабря 2018

Я не могу на всю жизнь настроить маршрутизацию на работу в SharePoint O365.Я уверен, что это просто mt $ routeProvider, мне неясно, как ссылаться на html templateUrl для Sharepoint.

Вот мой файл app.js. 

var app = angular.module("ClinicManagerApp", ["ngRoute"]);

app.config(function ($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl: "ClinicManager/views/home.htm",
        })
        .when("red", {
            templateUrl: "ClinicManager/views/red.htm",
        })
        .when("blue", {
            templateUrl: "ClinicManager/views/blue.htm",
        })
        .when("green", {
            templateUrl: "ClinicManager/views/green.htm",
        })
        .otherwise({
            redirectTo: "ClinicManager/views/error.htm"
        })
});

Ссылки для запуска маршрутизации следующие. 

<li><a href="ClinicManager/red">Red</a></li>
<li><a href="ClinicManager/blue">Blue</a></li>
<li><a href="ClinicManager/green">Green</a></li>

Структура моей папки ниже

Библиотека документов с именем "/ DocLib" 

/DocLib/ClinicManager
:index.htm

/DobLib/ClinicManager/views
:blue.htm
:error.htm
:green.htm
:home.htm
:red.htm

URL-адрес красной ссылки выглядит следующим образом "mysharepointurl / DocLib / ClinicManager / red"

Когда я нажимаю любую ссылку, она переходит кСтраница "Страница не найдена".

Пожалуйста, помогите !!

1 Ответ

0 голосов
/ 17 декабря 2018

Попробуйте добавить / перед каждым именем: 

app.config(function ($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl: "views/home.htm",
        })
        .when("/red", {
            templateUrl: "views/red.htm",
        })
        .when("/blue", {
            templateUrl: "views/blue.htm",
        })
        .when("/green", {
            templateUrl: "views/green.htm",
        })
        .otherwise({
            redirectTo: "views/error.htm"
        })
});

также добавьте # в href: 

<li><a href="#ClinicManager/red">Red</a></li>
<li><a href="#ClinicManager/blue">Blue</a></li>
<li><a href="#ClinicManager/green">Green</a></li>

Вот пример того, как должна выглядеть маршрутизация: http://next.plnkr.co/edit/sCeIL7y6jCf3Cv72

...