Partage
  • Partager sur Facebook
  • Partager sur Twitter

AngularJS | Problème de routage

    16 novembre 2017 à 11:06:19

    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



    • Partager sur Facebook
    • Partager sur Twitter
      21 novembre 2017 à 15:20:50

      ton

      lien doit être https://monsite.com/test et non page car tu n'as pas défini la route pour https://monsite.com/page

      • Partager sur Facebook
      • Partager sur Twitter

      AngularJS | Problème de routage

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown