ASP.net和anjularjs ng-route

时间:2016-08-29 04:21:49

标签: asp.net angularjs

我正在使用ASP.net MVC和AngularJS来创建单页应用程序(SPA)。 我有一个左侧菜单面板的主页面。单击菜单面板中的菜单链接时,它将在右侧div中显示内容(视图)。但URL会改变,但我希望保持URL保留在主页面URL。

以下是我的代码:
主视图

<a href="#/Admin">Member</a>
<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function ($routeProvider) {

    $routeProvider
    .when("/Admin", {
        templateUrl: "/Admin/Member",
        controller:"AdminController"
    });
});

Admin是我的控制器(AdminController),会员是我想要展示的内容。

示例网址主要:http://localhost:58741/Admin/Main 点击会员链接后 示例网址Main:http://localhost:58741/Admin/Main#/Admin

1 个答案:

答案 0 :(得分:0)

尝试使用#stateProvider

var app = angular.module('myApp', ['ngRoute','ui.router']);
app.config(
  function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/Admin");

    $stateProvider
    .state('Admin', {
      url: "/Admin",
      templateUrl: "Admin.html"
    })
    .state('Admin.Member', {
      url: "/Member",
      templateUrl: "member.html"
    });

});

并在HTML中

<div  ng-controller="AdminController as ctrl">
  <a id="member" ui-sref=".Member"></a>
 <div ui-view></div>
</div>