angular .module('MyApp', ['ngRoute']) .config(function ($routeProvider) { $routeProvider .when('/', { controller: 'HomeController', template: '<h2>Etusivu</h2>{{message}}' }) .when('/hello', { controller: 'HelloController', template: '<h2>Hello sivu</h2>{{message}}' }) .otherwise({ redirectTo: '/' }); }). controller('HomeController', function($scope) { $scope.message = 'Olet etusivulla!'; }). controller('HelloController', function($scope){ $scope.message = 'Olet hello sivulla! Hello World!'; });
<div ng-app="MyApp"> <a href="#">Etusivu<a> | <a href="#/hello">Hello<a> <h1>Kallen Single-page sovellus</h1> <div ng-view></div> </div>