2016-05-29 35 views
0

我試圖使用ngRoute上AngularJS,所以我創建了一個index.php文件與ng-view DIV中,該文件連接到我的app.js文件包含誰我routeProvider
但是,當我試圖給templateUrl的URL ...我不明白是誰的作品。TemplateUrl在ngRoute人跡罕至

我的樹結構是這樣的:

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

我的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> 

我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"); 
}); 

所以,我想,當我我要去的網址xxx/html/#/login顯示我的connexion.php,但我什麼也沒有,白色頁面...

任何人都可以幫助我嗎? 謝謝:)

+0

除非有一個非常最近的API改變'$ templateUrl'不應該有'$'前綴應該是'templateUrl' – charlietfl

+0

我已經從未在'$ routeProvider'設置中看到'$ templateUrl'。嘗試將其替換爲'{templateUrl:'connexion.php'})' –

+0

該死的......我失去了那麼多時間......謝謝! :) – piupiu34

回答

0

嘗試刪除$ $templateUrl

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"); 
});