我正在使用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
答案 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>