javascript - AngularJS $route 给出错误 : [$injector:unpr]-6ren

javascript - AngularJS $route 给出错误 : [$injector:unpr]

转载作者：行者123 更新时间：2023-11-28 00:45:21

25

4

我刚刚开始学习 AngularJS，并尝试使用 $route 显示不同的 View ，但在我的控制台中出现错误。这是我的代码:

index.html

<!Doctype html>
<html ng-app="approute">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" href="">
        <title>Search The Angles: {{people.name}}</title>
        <link rel="stylesheet" href="css/main.css">
        <script type="text/javascript" src="script/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="script/angular.min.js"></script>
        <script type="text/javascript" src="script/angular-route.js"></script>
        <script type="text/javascript" src="script/app.js"></script>
    </head>
    <body>
        <input type="text" ng-model="test">{{test | json}}

        <div ng-view></div>

        <a href="#/path2">Html2</a>
    </body>
</html>

我的脚本如下:

'use strict';

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

approute.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/path2', {
            templateUrl: "partials/index2.html",
            controller: "appCountroller"
        })
        .when('/', {
            templateUrl: "partials/index1.html",
            controller: "appCountroller"
        })
        .otherwise({
            redirectTo: '/'
        });
}]);

approute.controller("appCountroller", function($scope, $http) {
    $http.get('../json/data.json').success(function(response) {
        $scope.people = response;
    });
});

index1 和 index2.html 的格式如下:

<div>
    <ul>
        <li ng-repeat="person in people | filter:test">{{person.name}}</li>
    </ul>
</div>

和index2.html

<div>
    <ul>
        <li ng-repeat="person in people | filter:test">{{person.name}}-{{person.position}}</li>
    </ul>
</div>

当我尝试在浏览器中打开时，控制台上出现以下错误:

Error: [$injector:unpr] http://errors.angularjs.org/1.2.27/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route%20%3C-%20ngViewDirective at Error (native)...

引用我的angular.min.js文件

我已尽我所能检查了一切，但没有看到导致错误的原因。

最佳答案

似乎无法解决依赖关系。在本例中，它看起来像是关于 ng-route 中的 templateRequestProvider。

检查 Angular-route 的版本和 Angular 的版本是否冲突，我认为可能是这样。

关于javascript - AngularJS $route 给出错误 : [$injector:unpr]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27483014/

25

4

0

文章推荐： html - 汉堡菜单项折叠成 2 行

文章推荐： javascript - amCharts 多级深入分析

reactjs - 警告 : You should not use and in the same route; will be ignored
您好，如果没有身份验证，我尝试保护路由，但它不起作用警告:您不应在同一个 route 使用路线组件和路线渲染；路线渲染将被忽略 App.js import React, { Fragment,
javascript - 在快速 route ，为什么使用 `./routes` 而不是 `/routes` ？
几乎我见过的每个示例，app.js 都使用 require 和路径 ./。我想知道为什么我们不能只使用 /。例如，为什么我们不能执行以下操作。 var express = require('expre
javascript - Express, router.use() ,route.all(),route.route() 的区别
如果router.all()只匹配所有方法，是否可以用router.use()代替？router.use() 和 router.route() 之间有什么区别？最佳答案 router.all:这意味
routing - 根据用户文化选择 routing.yml？
在我的 Symfony应用程序我想根据当前用户的文化选择 routing.yml； 'en' => routing.en.yml 'no' => routing.no.yml 等等。关于如何做到这一
javascript - 错误 : [PrivateRoute] is not a component. 的所有子组件必须是或
我正在使用 React Router v6 并为我的应用程序创建私有(private)路由。在文件 PrivateRoute.js 中，我有代码 import React from 'react';
javascript - Navigate 不是组件。的所有子组件必须是或
这个问题在这里已经有了答案: Error "Error: A is only ever to be used as the child of element" (14 个回答) Error: [P
javascript - Ember : "import Route from ' @ember/routing/route';"throws error in Console
我正在关注 Ember Quick Start guide (ember-cli v 2.11)，并按照说明构建玩具应用程序。在“定义路线”部分，说明说要运行命令 ember generate rou
javascript - 错误 : [undefined] is not a component. 的所有子组件必须是或
这个问题在这里已经有了答案: ReactJS: [Home] is not a component. All component children of must be a or (5 个答
javascript - 错误 : [undefined] is not a component. 的所有子组件必须是或
这个问题在这里已经有了答案: ReactJS: [Home] is not a component. All component children of must be a or (5 个答
javascript - ReactJS:[Home] 不是组件。的所有子组件必须是或
单击“开始测验”按钮时，我试图导航到“/quiz”。但是，当我编译我的代码时，我在网站应用程序上收到以下错误:[Home] is not a component. All component ch
angular5 - 角度 5/6 : protect route (route guard) without redirecting to error route
我有一点咸菜。我正在使用路由保护(实现 CanActivate 接口(interface))来检查用户是否被授予访问特定路由的权限: const routes: Routes = [ {
ruby-on-rails - rails 引擎 : rake routes show its routes but on rspec execution "No route matches" is thrown
我正在尝试测试我的应用程序正在使用的引擎内部的 Controller 。规范不在引擎中，而是在应用程序本身中(我试图在引擎中进行测试，但也遇到了问题)。我的引擎有以下 routes.rb: Revi
Sharing data with Remix nested routes, while making parent route not accessible (Routing V2)(与Remix嵌套路由共享数据，同时使父路由不可访问(路由V2))
我是Remix的新手，我正在尝试使用V2路由方法实现特定的路由解决方案。。这是一个人为的例子，不是真实的东西，只是为了说明这一点。。我想要的URL方案是：。我从以下几条路线开始：。App/routes
routes - 导轨 3 : subdomain routes
我正在尝试从 rails 2.3.x(使用 subdomain_routes 插件)转换一些子域路由，如下所示: map.subdomain :biz do |biz| biz.resources
routing - 如何使用 Symfony Routing 作为独立组件调试路由？
我将 Symfony 的 3.1 路由组件用作独立组件。我想调试路由。据此: http://symfony.com/doc/current/routing/debug.html 这是通过运行以下命
routes - Sparkjava : Do routes have to be in main method?
我是 Sparkjava 的新手，总体上喜欢它。但是，是否必须在 main 方法中定义新的路由/端点？对于任何重要的 Web 应用程序，这将导致一个非常长的 main 方法，或者我需要有多个 main
javascript - 什么时候使用vue-route，什么时候使用express Route？
我刚刚使用node.js 和express.js 开发了一个原型(prototype)。在这里，我使用了 Express 路由来对后端进行 CRUD。 server.js 文件: app.get('/
Angular 4 : Routing to a route doesn't work
我不明白 Angular 4 中路由的一些基本概念。 index.html: 文件结构: - app |- app.routings.ts |- collections |-- collection
Reactjs routing composed routes(Reactjs路由组成的路由)
我在反应路线和理解合成路线方面遇到了一些困难。我尝试了一些代码，但不幸的是，它不能像预期的那样工作。“/”路径运行得很好，但是，当我尝试访问“/Child”时，它似乎不起作用。我认为包装器路由}/>可
routes - cakephp3 : namespace error with prefix route
我正在尝试使用 cakephp 3 实现 REST api。为了给我的问题提供一个易于重现的示例，我从全新安装 cakephp 3.1.11 开始。在 config/routes.php 中，我添

首页

博学

6Ren·AI

商城

javascript - AngularJS $route 给出错误 : [$injector:unpr]