【发布时间】:2016-09-27 12:25:01
【问题描述】:
我正在尝试在 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 时,我想显示我的 connexion.php 但我什么都没有,白页...
有人可以帮我吗? 谢谢:)
【问题讨论】:
-
除非最近有 api 更改
$templateUrl不应该有$前缀并且应该是templateUrl -
我从未在
$routeProvider设置中看到$templateUrl。尝试将其替换为{templateUrl: 'connexion.php'}) -
该死的......我为此浪费了很多时间......谢谢! :)
标签: javascript angularjs ngroute route-provider