ui-router w angularze

Question

Witam, chciałbym stworzyć pewną aplikację internetową, niestety już na początku jej tworzenia pojawił się problem, a mianowicie: chciałbym aby strona była typu SPA (Single Page Application) więc użyłem AngularJS i w dokumencie index.php dodałem takiego diva:

<div ui-view></div>

A skrypt js wygląda następująco:

angular.
	module('Bundesliga', [
		'ui.router'
	])
	.config([ '$urlRouterProvider', '$stateProvider', function( $urlRouterProvider, $stateProvider ) {
		$urlRouterProvider.otherwise('/');

		$stateProvider
			.state('home', {
				url: '/',
				templateUrl: 'home.php'
			})
			.state('terminarz', {
				url: '/terminarz',
				templateUrl: 'terminarz.php'
			})
			.state('tabela', {
				url: '/tabela',
				tamplateUrl: 'tabela.php'
			})
			.state('strzelcy', {
				url: '/strzelcy',
				tamplateUrl: 'strzelcy.php'
			})
			.state('zespoly', {
				url: '/zespoly',
				tamplateUrl: 'zespoly.php'
			})
			.state('autor', {
				url: '/autor',
				tamplateUrl: 'autor.php'
			})
	}])

Mój problem polega na tym że tylko zawartość dwóch pierwszych state'ów się wyświetla czyli to co jest zapisane jako home i terminarz jeśli zamienię np. terminarz z tabelą to działa tylko home i tabela w tym ui-view wyświetla się wówczas zawartość tych plików tak jak powinna a w pozostałych nic się nie wyświetla ktoś wie czym możę to być spowodowane?