angularjs - ASP.net and anjularjs ng-route -
i'm using asp.net mvc , angularjs create single page application (spa). have main page left menu panel. when click menu link in menu panel, show content (view) in right div. url change want keep url remain @ main page url.
below code:
main view
<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 controller (admincontroller) , member content want show.
example url main: http://localhost:58741/admin/main after click member link example url main: http://localhost:58741/admin/main#/admin
try using #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" }); });
and in html
<div ng-controller="admincontroller ctrl"> <a id="member" ui-sref=".member"></a> <div ui-view></div> </div>
Comments
Post a Comment