【问题标题】:Angular route error角度路线错误
【发布时间】:2017-06-06 07:26:43
【问题描述】:

我尝试了两天的路由,但我做不到。我已经查看了有关 stackoverflow 的其他问题,并且我做了他们在答案中所说的一切,但事实并非如此。 我将路由脚本调用到 index.php

<script src="js/angular-route.js"></script>

我将该代码写入 app.js;

var app = angular.module("app",['ngRoute']);

app.config(function($routeProvider){
    $routeProvider.
        when('/', {
            templateUrl:'pages/home.php'
        }).
        when('/notificastions', {
            templateUrl:'pages/notifications.php'
        }).
        when('/messages', {
            templateUrl:'pages/messages.php'
        }).
        when('/search', {
            templateUrl:'pages/search.php'
        }).
        otherwise({
            rediectTo: '/'
        })
})

我使用 i connect ng-include 将代码写入页面:

<div id="ifmenu">
    <div class="ifmitem" href="#/home">Home</div>
    <div class="ifmitem" href="#/notifications">Notifications</div>
    <div class="ifmitem" href="#/messages">Messages</div>
</div>
<div ng-view></div>

但我收到这样的错误;

未捕获的错误:[$injector:unpr] http://errors.angularjs.org/1.2.32/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route 在 angular.min.js:6 在 angular.min.js:36 在 Object.c [as get] (angular.min.js:34) 在 angular.min.js:36 在 c (angular.min.js:34) 在 Object.d [作为调用] (angular.min.js:35) 在 angular.min.js:36 在 Object.c [as get] (angular.min.js:34) 在 instanceRoute (angular-route.js:886) 在 Object.d [作为调用] (angular.min.js:35)

我该如何解决这个错误?


我解决了“未捕获的错误:[$injector:unpr]”错误,但主题标签旁边有感叹号。像这样:(localhost/app/#!)。除了其他功能外,没有一个链接不起作用。 我在互联网上调用了这个问题的解决方案,我看到我需要附加并添加;

$locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });

但是这次它们都不起作用。我应该怎么做才能解决这个问题?

【问题讨论】:

  • 包含 angular.js 而不是缩小并更新错误的屏幕截图
  • 顺便说一句,您的路由器配置中有错字:通知
  • @Aravind 错误已经消失,谢谢 :) 但是路由不起作用。主题标签旁边有感叹号(localhost/#!/page)
  • 这很酷。 :)
  • 我有一个新问题。我更新了我的问题。你会再次感兴趣吗? @Aravind

标签: angularjs ngroute


【解决方案1】:

您的通知拼写错误。请参阅 routeProvider 部分

when('/notificastions', {
        templateUrl:'pages/notifications.php'
    })

通知应该是通知

【讨论】:

  • 我包含了 angular.js 而不是 minified 并且错误消失了,我已经修复了打字错误,但路由不起作用。主题标签旁边有感叹号。像这样:(localhost/file/#!/page)
  • 请更正您的路线中的拼写错误“通知应该是通知”
  • 你的js的顺序是什么? > 它应该像 angular.js 然后是 route.js
  • 像这样,otherWise 功能正常工作,但其他功能不起作用时
  • 试试这个 var app = angular.module("app",[]);
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-21
  • 1970-01-01
相关资源
最近更新 更多