AngularJs | Problème de root

Bonjour à tous,

Je vous sollicite aujourd'hui car j'ai quelques problèmes de routage. Je travaille actuellement sur les fiches client de mon entreprise. Il se trouve que j'ai plusieurs soucis au niveau des routes. En effet, j'ai l'impression que rien ne marche. J'ai suivis plusieurs tutoriels mais aucun ne m'aide. Et pour trouver de la documentation en FR bon courage..

Voici l'arborescence :

+ Dossier principal

|___- index.php ( "page d'accueil" )

|___- ajax.php ( Je ne m'occupe pas de ce fichier pour l'instant )

|___- script.php

|___+ templates

|___ test.html

|___ test.php

Les " + " représentent les dossiers.

Maintenant voici le code des principaux fichiers :

index.php :

<?php
$niveaupage=4;
chdir("../");
error_reporting( E_ALL & ~E_NOTICE & ~E_WARNING );
ini_set('display_errors', 1);
include "header.php";
flush();

$customers_id = !empty( $_GET['customers_id']) ? $_GET['customers_id'] : "";

?>
<style type="text/css" media="screen">
	
</style>
<?php /* ng-controller="FicheClientCtrl" ng-init="getClient(<?php echo $customers_id; ?>)" */ ?>
<div ng-app="routeApp">
	<div class="card flex flexColumn">
		<div class="header flexCenterJustify">
			{{ client.fullname }} | Num OsCommerce : {{ client.id }} | Num EasyMag : {{ client.codecli }} | Type : {{ client.type }}
		</div>
		<nav class="navbar">
			<div class="container-fluid">
				<ul class="nav navbar-nav">
					<li class="active"><a href="/test">TEST</a></li>
					<li><a href="#/test2">TEST2</a></li>
				</ul>
			</div>
		</nav>
		<div ng-view>
		</div>
	</div>
</div>
<script src="<?php echo dirname($_SERVER['SCRIPT_NAME']);?>/script.js"></script>


<?php include "footer.php"; ?>

script.js

var routeApp = angular.module('routeApp', ['ngRoute','routeAppControllers'])

var routeAppControllers = angular.module('routeAppControllers',[]);

routeAppControllers.controller('homeCtrl', ['$scope',

	function($scope){
		$scope.message = "Bienvenue sur la page d'accueil";
	}

]);

routeAppControllers.controller('test2Ctrl', ['$scope','$routeParams',

	function($scope, $routeParams){
		$scope.message="TEST MESSAGE";
		$scope.msg = $routeParams.msg || "MESSAGE DEFAUT";
	}
]);

routeApp.config(['$routeProvider',
	function($routeProvider){
		// Système de routage
		$routeProvider
		.when('/test',{
			templateUrl: 'FicheClient/templates/test.html',
			controller: 'homeCtrl'
		})
		.when('/test2/:msg',{
			templateUrl: 'templates/test.php',
			controller: 'test2Ctrl'
		})
		.otherwise({redirectTo : '/test'});
	}
]);

test.html

<h1>PAGE TEST1</h1>
{{ message }}

Donc lorsque clique par exemple sur le premier lien, au lieu que mon lien soit " https://monsite.com/FicheClient/page" mon lient est "https://monsite.com/page" et donc evidemment rien ne s'affiche...

Merci de m'éclairer sur ce problème car je bloque vraiment pour le coup !

Cdt