Verwendung von Winkelroute in Webapi-Anwendung

Ich bin mir nicht sicher, wie kann ich richtige Winkelführung in Web-API-Anwendung implementieren. Ich bin in der Lage, die Seiten mit dieser Methode zu öffnen: http://localhost:52876/HTML/app/borrower.html Verwendung von Winkelroute in Webapi-Anwendung

Der Winkelregler lädt gut und alle Funktionen gibt es von der winkligen Seite.

Nun, ich mag die Ansichten in einem etwas besseren Blick öffnen zu können, ng-Route verwendet wird, so zum Beispiel http://localhost:52876/HTML/app/borrower.html http://localhost:52876/borrower werden wird.

Ich habe die Datei ng-route.js in die HTML-Dateien eingefügt, die ich in meiner eckigen App verwende.

Auch in app.js Ich habe dies:

'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" }); 

});

das HTML-Markup (I den Inhalt entfernt):

<!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>

Jede Idee, was ich zu tun, um brauchen diese Arbeit zu machen, ?

Soll ich die RouteConfig.cs-Datei ändern oder muss ich noch etwas anderes tun?

Danke, Laziale

Quelle

2016-08-05 Laziale

Was ist ein Fehler in Ihren Anwendungen im Routing? – Developer

kein Fehler angezeigt wird, kann ich Teamviewer teilen, wenn Sie wollen – Laziale

Ich denke, Sie klicken auf Menü, aber es ist nicht richtig route – Developer

Sie nicht mit dem Dateinamen navigieren, wie Sie das ist Winkel Route Job zum Beispiel

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

wenn Sie localhost:8080/yourapp/borrower

und Sie gehen zu tun, tun brauchen ng-view in Ihrem index.html

<div ng-view></div>

Ihre Seiten werden hier angezeigt.

Router aussehen, dass Sie für den Kreditnehmer fordern und es wird Sie an die /HTML/app/borrower.html Sie nehmen sind html fünf Modus verwenden, die bedeutet, dass Sie Server-Seite Routing müssen, damit es jedes Mal index.html fallen so Ihre url kann ohne Hash sein.

Quelle

2016-08-08 14:24:38

Haben Sie wenige Minuten für Teamviewer? Danke für Ihre Antwort – Laziale

ja natürlich geben Sie mir Ihre ID und pass –

710 045 275/5630 – Laziale

Verwendung von Winkelroute in Webapi-Anwendung

Antwort

Verwandte Themen