我正在尝试学习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>

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

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

最佳答案

您的问题是您忘记了调用注册模块和 Controller 的接口(interface)。

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

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

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

09-16 21:47
查看更多