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>