Probleme de routage mais partials n'affiche pas
6 views
Skip to first unread message
Landry Demingnou
Dec 16, 2019, 11:00:03 AM12/16/19
to FrAngular - AngularJS en français
Bonjour j'essais de faire un routage sur mon application mais rien n'apparait
S'il vous plait je suis nouveau en angular aidez-moi
voilà mes scripts
Mon layout main.html:
<!DOCTYPE html>
<html ng-app="app"> <head> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable= no, initial-scale=1, maximum-scale=1, viewport-fit=cover"> <link rel="stylesheet" type="text/css" href="css/index.css"> <title>Partage Course Paris</title> </head> <body> <!-- Debut du header --> <header class="header"> <div class="menu"><a href="#"><i class="icon-cog"></i></a></div> <div class="avatar"></div> <div class="info">Bonjour kara</div> <div class="logo"> <img src="images/logo_pcp.png"> </div> </header>
<!-- Fin du header -->
<!-- Debut de la classe view -->
<section class="view" ng-view>
</section> <!-- Fin de la slasse view -->
<!-- Debut de nav-->
<nav class="nav">
<a class="active" href="#/home"><i class="icon-home"></i></a> <a href="#/recent"><i class="icon-clock"></i></a> <a href="#/post"><i class="icon-forward"></i></a> <a href="#/charte"><i class="icon-list"></i></a> <a href="#/suggestion"><i class="icon-bubbles4"></i></a> </nav>
<!-- Fin nav --> <script type="text/javascript" src="js/vendor/jquery.js"></script> <script type="text/javascript" src="js/vendor/angular.js"></script> <script type="text/javascript" src="js/vendor/angular-route.js"></script> <script type="text/javascript" src="js/app.js"></script>
</body></html>Et mon app.js:
doument.AddEventListener('deviceready', function(){
//Code de l'ancement de l'appli
},false);
var app = angular.module("app", ["ngRoute"])
app.config( function($routeProvider) { $routeProvider .when("#/", {templateUrl: "partials/home.html"}) .when("#/recent", {templateUrl: "partials/recent.html"}) .when("#/post", {templateUrl: "partials/post.html"}) .when("#/charte", {templateUrl: "partials/charte.html"}) .when("#/suggestion", {templateUrl: "partials/suggestion.html"}) });
Reply all
Reply to author
Forward
0 new messages