簡體   English   中英

ASP.NET MVC應用程序中的角路由

[英]Angular routing in ASP.NET MVC application

我試圖在我的角度控制器中讀取查詢參數,所以我設置了確認的路由配置emailcontroller.js

var app = angular.module('confirmedemail', ['ngRoute']);
app.config(function ($routeProvider, $locationProvider) {
    // calls
    $routeProvider.when('/confirmedemail/:userid/:token', {
        templateUrl: 'templates/confirmedview.html',
                    controller: 'ConfirmedEmailController'
                });
    $locationProvider.html5Mode(true);
});

app.controller('ConfirmedEmailController', function ($scope, $http, $routeParams, $location) {
    // never calls
    // read params from $routeParams and send them then display the result...
    //...
});

ConfirmedEmail.cshtml

@{
    ViewBag.Title = "Confirm Email";
}

    <h2>@ViewBag.Title.</h2>
    <div data-ng-app="confirmedemail">
        <p>
            Thank you for confirming your email. Please @Html.ActionLink("Click here to Log in", "Login", "Home", routeValues: null, htmlAttributes: new { id = "loginLink" })
        </p>
        <div ng-view></div>
    </div>

我的根目錄是http:// localhost:25715 / confirmedemail / 111/222 ,其中111userId,222是我想在控制器內部讀取的令牌

但是控制器永遠不會調用。 我錯過了什么?

更新了我的HomeController有工作措施

public ActionResult ConfirmedEmail(string userId = "", string code = "")
{
    ViewBag.Message = "Account confirmed";
    return View();
}

在模板文件夾中,有confirmedview.html

在RouteConfig.cs中

  routes.MapRoute(
         name: "Confirm",
         url: "ConfirmedEmail/{userId}/{code}",
         defaults: new { controller = "Home", action = "ConfirmedEmail", userId = "", code = "" }
     );

在確認的emailcontroller.js中

var app = angular.module('confirmedemail', ['ngRoute']);
app.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/ConfirmedEmail/:param1/:param2', {
        templateUrl: '/templates/confirmedview.html',
                    controller: 'ConfirmedEmailController'
                });
    $locationProvider.html5Mode({ requireBase: false, enabled: true });
});
app.controller('ConfirmedEmailController', function ($scope, $http, $routeParams) { ... });

並且不要忘記區分大小寫! 如果我像mysite.com/confirmedemail/111/222這樣稱呼它,它將無法正常工作

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM