ngRoute 中的 TemplateUrl 无法访问
TemplateUrl in ngRoute inaccessible
我想在 AngularJS 上使用 ngRoute,所以我创建了一个 index.php
文件,里面有 ng-view
div,这个文件连接到我的 app.js
包含我的 routeProvider
.
的文件
但是当我尝试为 URL 提供 templateUrl
时......我不明白它的工作原理。
我的树结构是这样的:
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");
});
我想在 AngularJS 上使用 ngRoute,所以我创建了一个 index.php
文件,里面有 ng-view
div,这个文件连接到我的 app.js
包含我的 routeProvider
.
的文件
但是当我尝试为 URL 提供 templateUrl
时......我不明白它的工作原理。
我的树结构是这样的:
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");
});