2016-05-29 7 views
0

私はAngularJSにngRouteを使用しようとしているので、私は内側に、このファイルは私のrouteProviderが含まれている私のapp.jsファイルに接続されているng-viewのdivとindex.phpファイルを作成します。
URLにtemplateUrlをつけようとすると、誰がその作品であるのか分かりません。TemplateUrlアクセスできない

マイツリー構造は、このようなものです:ときに私ので、私は、希望

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

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私のconnexion.phpを表示するためにURL xxx/html/#/loginに行くが、私は何もない、白いページを持っている...

誰かが私の喜びを助けることができますか?

+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"); 
}); 
関連する問題