с использованием углового маршрута в приложении webapi

Я не уверен, как я могу реализовать правильную угловую маршрутизацию в приложении web api. Я могу открыть страницы, используя этот подход: http://localhost:52876/HTML/app/borrower.html с использованием углового маршрута в приложении webapi

Угловой контроллер загружается нормально, и все функциональные возможности находятся с угловой стороны.

Теперь я хочу, чтобы иметь возможность открыть точку в представлении немного лучше, используя нг-маршрут, так, например http://localhost:52876/HTML/app/borrower.html станет http://localhost:52876/borrower.

Я включил файл ng-route.js в файлы html, которые я использую в своем угловом приложении.

Также в app.js у меня есть это:

'use strict'; 

var modules = [ 
    'app.controllers', 
    'LoanAdminApplicationController', 
    'ngCookies', 
    'ngResource', 
    'ngSanitize', 
    'ngRoute', 
    'ui.router', 
    'LocalStorageModule', 
    'angular-loading-bar' 
]; 

var app = angular.module('app', modules); 


app.config(function ($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider.when("/home", { 
     controller: "homeController", 
     templateUrl: "/app/views/home.html" 
    }); 

    $routeProvider.when("/login", { 
     controller: "loginController", 
     templateUrl: "/HTML/login.html" 
    }); 

    $routeProvider.when("/signup", { 
     controller: "signupController", 
     templateUrl: "/app/views/signup.html" 
    }); 

    $routeProvider.when("/register", { 
     controller: "signupController", 
     templateUrl: "/app/views/register.html" 
    }); 

    $routeProvider.when("/refresh", { 
     controller: "refreshController", 
     templateUrl: "/app/views/refresh.html" 
    }); 

    $routeProvider.when("/tokens", { 
     controller: "tokensManagerController", 
     templateUrl: "/app/views/tokens.html" 
    }); 

    $routeProvider.when("/borrower", { 
     controller: "borrowerController", 
     templateUrl: "/HTML/app/borrower.html" 
    }); 

    $routeProvider.otherwise({ redirectTo: "/home" }); 

});

HTML-разметки (я удалил содержимое):

<!DOCTYPE html> 
<html ng-app="app"> 
<head> 
</head> 
<body ng-controller="BorrowerQuickQuoteApplication"> 


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="/assets/js/jquery.min.js"></script> 
    <script src="/assets/js/modernizr.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 

    <script src="/assets/js/bootstrap.min.js"></script> 
    <script src="/Scripts/angular.js"></script> 
    <script src="/Scripts/angular-cookies.min.js"></script> 
    <script src="/Scripts/angular-resource.min.js"></script> 
    <script src="/Scripts/angular-sanitize.min.js"></script> 
    <script src="/Scripts/angular-route.min.js"></script> 
    <script src="/Scripts/angular-ui-router.min.js"></script> 
<script src="/Angular/controllers.js"></script> 
    <script src="/Angular/LoanApplicationController.js"></script> 
    <script src="/Angular/services.js"></script> 
    <script src="/Scripts/angular-local-storage.min.js"></script> 
<script src="/Scripts/loading-bar.min.js"></script> 

<script src="/Angular/app.js"></script> 
</body> 
</html>

Любая идея, что мне нужно сделать для того, чтобы сделать эту работу ?

Должен ли я изменить файл RouteConfig.cs или мне нужно сделать что-нибудь еще?

Спасибо, Лациале

источник

2016-08-05 Laziale

Что такое ошибка в ваших приложениях при маршрутизации? – Developer

не отображается ошибка, я могу разделить Teamviewer, если вы хотите – Laziale

Я думаю, что вы нажимаете на меню, но это неправильно маршрут – Developer

Вы не перемещаться с именем файла, как вы делаете это угловую работу маршрута, чтобы сделать, например

$routeProvider.when("/borrower", { 
     controller: "borrowerController", 
     templateUrl: "/HTML/app/borrower.html" 
    });

, когда вы идете в localhost:8080/yourapp/borrower

и вы необходимо ng-view в вашем index.html

Нравится

<div ng-view></div>

Ваши страницы будут показаны здесь.

маршрутизатор будет выглядеть, что вы запрашиваете для заемщика, и это приведет вас к /HTML/app/borrower.html Вы используете HTML пять режим, который означает, что вам нужно на стороне маршрутизации сервера, поэтому он может упасть на index.html каждый раз, так что ваш url может быть без хеша.

источник

2016-08-08 14:24:38

У вас есть несколько минут для teamviewer? Спасибо за ваш ответ – Laziale

да, конечно, дайте мне свой идентификатор и пройдите –

710 045 275/5630 – Laziale

с использованием углового маршрута в приложении webapi

ответ

Смежные вопросы