【问题标题】:Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.6/$injector/modulerr?p0 Still not working please Check my code未捕获的错误:[$injector:modulerr] http://errors.angularjs.org/1.6.6/$injector/modulerr?p0 仍然无法正常工作请检查我的代码
【发布时间】:2017-09-08 10:03:02
【问题描述】:

我正在尝试对此进行编码,只是使用路由从 1 页跳转到另一页,但为什么它不工作我搜索和欺骗了很多但仍然失败,请任何人?

index.html    

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
	<title>Angular Js</title>
	<script type="text/javascript" src="angular.min.js"></script>
	<script src="controller.js"></script>
	<script src="angular-route.min.js"></script>
</head>
<body>
<div ng-view></div>

</body>
</html>
----------


Controler.js 

var myRoute=angular.module('myApp',['ngRoute']);

myRoute.config(function($routeProvider){

	$routeProvider
	.when('/',{
		template:'Welcome to Home'

	})
	.when('/NewPage',{
		template:'This Is New Page Task'
	})
	otherwise('/',{
			redirectTo:'/'
	});



});

【问题讨论】:

  • 所有资源都加载正确了吗?请检查浏览器调试器中的网络选项卡。
  • 做不做,没有尝试。
  • 你在哪里定义你的templateUrl?
  • 按照下面@Sajeetharan 的建议,一定要更新脚本的顺序。此外,它可能不会导致错误,但删除 &lt;html html 中第二次提及 html 并删除最后一个没有打开 &lt;script&gt; 标签的 &lt;/script&gt; 标签。并相应地更新问题,然后我们知道我们至少在处理一个有效的文档。
  • 问题解决了!!仔细阅读我的代码,您还会发现错误。感谢所有开发人员。否则错误发生在('/',{redirectTo:'/'}); ) 1. 我忘了 (.dot) 和 2.这里我们不能 '/' ,我们只是直接重定向到其他页面。我只是简单地删除它,它运行 wolaaaaa!

标签: javascript jquery html css angularjs


【解决方案1】:

引用的顺序应该是,

<script type="text/javascript" src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="controller.js"></script>

【讨论】:

  • 谢谢,但它仍然无法正常工作.. 如果有人解决了这个问题,他/她将成为 angularJS 的冠军
  • 感谢您,先生.. 错误发生在 else('/',{ redirectTo:'/' }); ) 1. 我忘了 (.dot) 和 2.这里我们不能 '/' ,我们只是直接重定向到其他页面。我只是简单地删除它,它运行 wolaaaaa!
【解决方案2】:
app.config(function ($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl: "route/one"
        })

    .when("/one", {
        templateUrl: "route/one"
    });

    });

templateUrl 是您定义视图的位置...在这里,我的视图(one.cshtml)位于路由文件夹中。试试下面的例子。它的工作示例。

<body ng-app="sampleApp">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <ul class="nav">
                    <li><a href="#/AddNewOrder"> Add New Order </a></li>
                    <li><a href="#/ShowOrders"> Show Order </a></li>
                </ul>
            </div>
            <div class="col-md-9">
                <div ng-view></div>
            </div>
        </div>
    </div>
   </body>

<script>
sampleApp.config(['$routeProvider',
  function ($routeProvider) {
      $routeProvider
        .when('/AddNewOrder', {
            templateUrl: '/viewStudents.html',
            controller: 'AddOrderController'
        })

        .when('/ShowOrders', {
            templateUrl: '/Home.html',
            controller: 'ShowOrdersController'
        })

        .otherwise({ redirectTo: '/viewStudents' });
  }]);

sampleApp.controller('AddOrderController', function ($scope) {
    $scope.message = 'This is Add new order screen';
});

sampleApp.controller('ShowOrdersController', function ($scope) {
    $scope.message = 'This is Show orders screen';
});

</script>

【讨论】:

  • 问题解决了!!仔细阅读我的代码,您也会发现错误.. 感谢您的努力!!!.. 错误发生在 else('/',{ redirectTo:'/' }); ) 1. 我忘了 (.dot) 和 2.这里我们不能 '/' ,我们只是直接重定向到其他页面。我只是简单地删除它,它运行 wolaaaaa!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-11-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多