2016-05-29 18 views
0

Ich versuche ngRoute auf AngularJS zu verwenden, also ich eine index.php Datei mit ng-view div innen, wird diese Datei zu meiner app.js Datei verbunden, die meine routeProvider enthält.
Aber wenn ich versuche, die templateUrl für eine URL zu geben ... Ich verstehe nicht, wer es funktioniert.TemplateUrl in ngRoute unzugänglichen

Mein Baumstruktur ist wie folgt:

nameApp/ 
├── dist/ 
│ ├─ html/ 
│ │ ├── index.php 
│ │ └── connexion.php 
│ ├── js/ 
│ │ ├── app.js 
│ └────└── connexion.php 

Meine index.php:

<body ng-app="app"> 

    <div ng-view></div> 

    <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
    <script src="https://code.angularjs.org/1.5.5/angular-route.js"></script> 
    <script src="/js/app.js"></script> 
</body> 

Mein app.js:

var myApp = angular.module('app', ['ngCookies','ngRoute']); 

myApp.config(function($routeProvider) { 
    $routeProvider 
     .when('/login', {$templateUrl: 'connexion.php'}) 
     .when('/test', {$templateUrl: 'test.php'}) 
     .otherwise({redirectTo: '/login1'}); 

     console.log("index.js"); 
}); 

Also, ich möchte, wenn ich Ich gehe auf die URL xxx/html/#/login, um meine connexion.php anzuzeigen, aber ich habe nichts, weiße Seite ...

Jeder kann mir bitte helfen? Thanks :)

+0

Es sei denn es eine sehr neue api Änderung war '$ templateUrl' sollte' $ 'Präfix nicht und sollte' sein templateUrl' – charlietfl

+0

Ich habe nie $ templateUrl in den $ routeProvider-Einstellungen gesehen. versuch es durch '{templateUrl: 'connexion.php'})' ' –

+0

Verdammt ... ich habe so viel Zeit dafür verloren ... Danke! :) – piupiu34

Antwort

0

versuchen die $templateUrl $ entfernen:

var myApp = angular.module('app', ['ngCookies','ngRoute']); 

myApp.config(function($routeProvider) { 
    $routeProvider 
     .when('/login', {templateUrl: 'connexion.php'}) 
     .when('/test', {templateUrl: 'test.php'}) 
     //I'm guessing 'login1'was meant to be be 'login'' 
     .otherwise({redirectTo: '/login'}); 

     console.log("index.js"); 
});