var app = angular.module("myApp", ['ngRoute']); app.config(function($routeProvider) { $routeProvider .when('/home', { templateUrl: 'mypages/home.html', controller: 'homectrl' }) .when('/login', { templateUrl: 'mypages/login.html', controller: 'loginctrl' }) .when('/details', { templateUrl: 'mypages/details.html', controller: 'detailsctrl' }) .otherwise({ redirectTo: '/home' }); });
<!DOCTYPE html> <html ng-app="myApp"> <head> <title></title> <script src="../Scripts/angular-route.min.js"></script> <script src="../Scripts/angular-route.js"></script> <script src="../Scripts/angular.min.js"></script> <script src="../myscripts/main.js"></script> </head> <body> <!--<div ng-controller="indexctrl"> <p>{{test}}</p> <a href="#/home"> home</a> <a href="#/login"> login</a> <a href="#/details"> details</a> </div> <div> <ng-view></ng-view> </div>--> </body> </html>
<pre>...</pre>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)