Question

我试图在AngularJS上使用ngRoute，所以我创建了一个内置dup div的index.php文件，此文件已连接到包含我的ng-view文件app.js。
但是，当我尝试为routeProvider提供网址时...我不明白它的作用。

我的树结构是这样的：

templateUrl

我的index.php：

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

我的app.js：

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

所以，我想，当我访问网址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但我什么都没有，白页......

任何人都可以帮助我吗？谢谢:)）

Answer 1

尝试删除$ $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");
});

ngRoute中的TemplateUrl无法访问

1 个答案: