【问题标题】:TemplateUrl in ngRoute inaccessiblengRoute 中的 TemplateUrl 无法访问
【发布时间】: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


【解决方案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");
});

【讨论】:

    猜你喜欢
    • 2018-06-03
    • 1970-01-01
    • 2015-06-05
    • 1970-01-01
    • 1970-01-01
    • 2014-05-23
    • 2023-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多