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>