Я пытаюсь использовать ngRoute на AngularJS, поэтому я создаю файл index.php
с внутренним app.js
ng-view
, этот файл подключен к моему файлу app.js
который содержит мой routeProvider
.
Но когда я пытаюсь дать templateUrl
для URL-адреса... Я не понимаю, кто это работает.
Моя древовидная структура выглядит так:
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");
});
Итак, я хотел бы, когда я перейду на URL-адрес xxx/html/#/login
чтобы отобразить мой connexion.php
но у меня ничего нет, белая страница...
Кто-нибудь может мне помочь? Благодаря :)
попробуйте удалить $ $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");
});
$templateUrl
не должен иметь префикс$
и должен бытьtemplateUrl
$templateUrl
в настройках$routeProvider
. попробуйте заменить его{templateUrl: 'connexion.php'})