angular
.module('MyApp', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider
.when('/kayttaja/:username', {
controller: 'UserController',
template: '<h2>Käyttäjän {{user.name}} profiili</h2>Kaverit:<ul ng-repeat="friend in user.friends"><li><a ng-href="#/kayttaja/{{friend}}">{{friend}}</a></li></ul>'
})
.otherwise({
redirectTo: '/kayttaja/kalle'
});
}).
controller('UserController', function($scope, $routeParams) {
var users = {
'arto': {
name: 'Arto',
friends: ['Kalle', 'Matti']
},
'kalle': {
name: 'Kalle',
friends: ['Elina', 'Arto', 'Matti']
},
'elina': {
name: 'Elina',
friends: ['Kalle']
},
'matti': {
name: 'Matti',
friends: ['Arto', 'Kalle']
}
};
if(users[$routeParams.username.toLowerCase()]){
$scope.user = users[$routeParams.username.toLowerCase()];
}else{
$scope.user = null;
}
});
<div ng-app="MyApp">
<div ng-view></div>
</div>