gpt4 book ai didi

javascript - 由于 : Error: [$injector:nomod] http://errors. angularjs.org/1.2.26/$injector/nomod?p0=myApp,无法实例化模块 myApp

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:33:09 27 4
gpt4 key购买 nike

我正在尝试学习 Angular 并尝试在基于 Web 的教程之外编写我的第一个 Controller 。我一直在 JS 控制台的标题中收到错误消息,无法弄清楚发生了什么。该链接将我带到一个引用需要包含 ngRoute 的页面,这是我根据 API 完成的。当然我错过了什么,但我看不到它是什么。任何帮助将不胜感激,谢谢!

index.html

<DOCTYPE html>
<html ng-app="myApp">
<head>
<title>First Angular Project</title>
<link href="bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container" ng-controller="FirstController">
Did the controller load?
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-route.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>

应用程序.js

(function () {
var app = angular.module('myApp', ['ngRoute']);

app.controller('FirstController', function(){
console.log("FirstController loaded");
});
})

最佳答案

您的问题是您忘记调用注册模块和 Controller 的 iife。

(function () {
var app = angular.module('myApp', ['ngRoute']);

app.controller('FirstController', function(){
console.log("FirstController loaded");
});
})();//<-- here

链接(在错误中)谈论 ngRoute 只是作为一个提示,当 Angular ng-app 指令试图引导它时,您的模块可能不可用/实例化的原因之一。但在您的情况下,由于您未能将匿名函数调用为 IIFE,它甚至不存在。

关于javascript - 由于 : Error: [$injector:nomod] http://errors. angularjs.org/1.2.26/$injector/nomod?p0=myApp,无法实例化模块 myApp,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28095480/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com