webapi 응용 프로그램에서 각도 경로 사용

웹 API 응용 프로그램에서 적절한 각도 라우팅을 어떻게 구현할 수 있는지 잘 모르겠습니다. 이 방법을 사용하여 페이지를 열 수 있습니다 : http://localhost:52876/HTML/app/borrower.html webapi 응용 프로그램에서 각도 경로 사용

각도 컨트롤러가 잘로드되고 모든 기능이 각도 측면에서 있습니다.

는 지금, 나는 http://localhost:52876/borrower 될 것이다 예를 http://localhost:52876/HTML/app/borrower.html에 대한 그래서 NG-경로를 사용하여, 조금 더 나은 뷰에서 뷰를 열 수 있어야합니다.

각도 응용 프로그램에서 사용하고있는 html 파일에 ng-route.js 파일을 포함 시켰습니다. app.js에서 또한

나는이있다 : HTML 마크 업 (나는 내용을 제거)

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

});

<!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 파일을 수정해야합니까? 아니면 다른 작업도해야합니까?

감사합니다, Laziale의

당신이 localhost:8080/yourapp/borrower

과에 갈 때 예를

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

을 위해 할 그의 각 경로의 일을하고있다대로 파일 이름으로 이동하지 않는

출처

2016-08-05 Laziale

라우팅에서 응용 프로그램의 오류는 무엇입니까? – Developer

오류가 표시되지 않습니다. 원하는 경우 teamviewer를 공유 할 수 있습니다. – Laziale

메뉴를 클릭했지만 올바르게 경로가 아닙니다. – Developer

귀하의 index.html에 ng-view이 필요합니다.

<div ng-view></div>

페이지가 여기에 표시됩니다.

라우터는 대출에 대한 요청하는 것을 볼 것이다 그리고 당신은 HTML 당신이 그래서 당신의 url을 때마다 index.html을하기 때문에이 떨어질 수하는 서버 측 라우팅을 필요 의미 다섯 개 가지 모드를 사용하는 /HTML/app/borrower.html 로 이동합니다 해시가 없어도 될 수 있습니다.

출처

2016-08-08 14:24:38

팀 뷰어가 몇 분 남았습니까? 귀하의 답변을 주셔서 감사합니다 – Laziale

물론 이드와 패스를 줘 –

710 045 275/5630 – Laziale

webapi 응용 프로그램에서 각도 경로 사용

답변

관련 문제