当前位置: 首页 > 面试题库 >

AngularJS错误:“参数'FirstCtrl'不是函数,未定义”

陈胤
2023-03-14
问题内容

我注意到在这里问了几次同样的问题,我尝试过解决这个问题,但是没有帮助。

我正在学习带蛋头视频的本教程。

但是,当我进入“控制器和控制器之间共享数据”部分时,我无法正常工作。

当我使用Chrome运行它时,在控制台中出现此错误:

“参数“ FirstCtrl”不是函数,未定义”。

我真的不知道怎么了 代码与教程中的相同。

的HTML

<!DOCTYPE html>
<html ng-app>
 <head>
    <title>AngularJS Tutorials: Controllers</title>
    <link rel="stylesheet" href="mystyle.css">
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
 </head>
 <body>
    <div ng-app="">
       <div ng-controller="FirstCtrl">   
           <h1> {{data.message + " world"}}</h1>

           <div class="{{data.message}}">
               Wrap me in a foundation component
           </div>
       </div>
    </div>
    <script type="text/javascript" src="main.js"></script>
 </body>
</html>

main.js

function FirstCtrl($scope){
   $scope.data = { message: "Hello" };
}

问题答案:

ng-app的html中有2个未命名的指令。
在您的div中丢掉一个。

更新
让我们尝试另一种方法。
在您的js文件中定义一个模块,并为其分配ng-app指令。之后,将控制器定义为ng组件,而不是简单的功能

<div ng-app="myAppName">  
<!-- or what's the root node of your angular app -->

和js部分:

angular.module('myAppName', [])
    .controller('FirstCtrl', function($scope) {
         $scope.data = {message: 'Hello'};
    });

这是一个在线演示,它就是这样做的:http :
//jsfiddle.net/FssbL/1/



 类似资料:
  • 问题内容: 在Scala Play中使用AngularJS时,出现此错误。 错误:参数“ MainCtrl”不是函数,未定义 我正在尝试创建包含一周中各天的表格。 请看一下我的代码。我检查了控制器的名称,但这似乎是正确的。注意:此SO答案中使用的代码 index.scala.html MainCtrl.js 问题答案: 从模块名称([myApp])中删除 并添加到html,它应该可以工作。

  • 问题内容: 这是我使用angularjs进行的演示,用于创建服务文件并将服务添加到控制器。 我的演示有两个问题: 一种是在我收到此错误之前, 错误:[ng:areq]参数’HomeController’不是一个函数,未定义 另一个是在我收到以下错误之前, 错误:[$ injector:unpr]未知提供程序:MyServiceProvider <-MyService 我的来源: 档案: 档案: 档

  • 问题内容: 我正在尝试编写示例AngularJS和SpringMVC项目。spring方法可以正常工作,但是我的站点控制器中的函数声明存在问题。我的应用应该从文本输入中返回一个单词,但是当我单击按钮时,出现了以下错误: 这是我的index.html: 和controller.js: 我注意到,这一定是ng-click值中的函数声明存在某种问题。在现场启动时,controler.js可以正常运行,但

  • 问题内容: 我已经建立了一个工厂来处理我的控制器的功能,但是不知何故,控制器会在其中一个功能上返回错误: 错误:Auth.getUser(…)。成功不是函数@ http:// localhost:8080 / app / controllers / mainCtrl.js:10:1 … 我不知道这是怎么回事,其余功能似乎工作正常? 主控制器: 问题答案: 请参阅$ http服务文档中的 “ 弃用声

  • 问题内容: 收到此错误: angular.min.js:122 TypeError:$ http.get(…)。success在Object.invoke(angular.min)的new(app.js:12)的getUserInfo(app.js:7)处不是函数.js:43)在Q.instance(angular.min.js:93)在p(angular.min.js:68)在g(angular

  • 问题内容: 我试图在python中定义一个基本函数,但是当我运行一个简单的测试程序时,总是会收到以下错误; 这是我用于此功能的代码; 更新:我打开了名为pyth.py的脚本,然后在给出错误时在解释器中输入pyth_test(1,2)。 谢谢您的帮助。(对于这个基本问题,我深表歉意,我以前从未编程过,并且正在尝试将Python作为一种业余爱好来学习) 问题答案: 是的,但是在哪个文件中声明了定义?它