时间戳

首页 > 解决方案 > 角度路由，出现错误“injector:modulerr”，找不到我的 ng-app

angularjs - 角度路由，出现错误“injector:modulerr”，找不到我的 ng-app

问题描述

我是 Angular js 的新手……我只想在单击它相关的链接时加载 html 文件。但它抛出一个错误，说它找不到我的 ng-app 指令。我编辑了 templateUrl 对象来加载一些猫的照片……但还是不行。

[$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.


var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/skills", {
        templateUrl : "https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fkittentoob.com%2Fwp-content%2Fuploads%2F2018%2F01%2FA-fluffy-cat-looking-funny-surprised-or-concerned.jpg&f=1"
    })
    .when("/interactives", {
        templateUrl : "https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.PRniL4_JLNvVMzdVgiDiYgHaEK%26pid%3D15.1&f=1"
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.js"></script>     
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.js"></script>
<body ng-app="myApp">
	<div class="row">	
		<div class="float-left p-5">
			<nav>
				<a class="mr-3 menu2" href="#!skills">Skill Set</a>
				<a class="mr-3 menu3" href="#!interactives">Interactives</a>
			</nav>
		</div>
	</div>
	
	<div class="h-75">
		<div class="middle">
			<div ng-view>
				<!-- body -->
			</div>
		</div>
	</div>
  <script src="script.js"></script>
</body>

标签： angularjsrouting

解决方案

推荐阅读