javascript - (angularjs) 注入(inject) Controller 时获取 'ReferenceError: $scope is not defined'

标签 javascript html angularjs

我正在尝试学习 AngularJS。我有一个 HTML 页面,我试图在其中注入(inject)模块,但出现错误

主要js文件:

var classificationModule = angular.module('mainapp',[]);

classificationModule.controller('firstcontroll',function(){
    $scope.text="Goodday"
});

HTML 页面:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="layout" content="main"/>
    <title>Classification Toolkit for Grails</title>          

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.js"></script>
    <asset:javascript src="main.js"/>        

</head>
<body >   
    <div ng-app='mainapp' ng-controller='firstcontroll'>
        Hello, {{text}}
    </div>   

</body>
</html>

出现以下错误:

ReferenceError: $scope is not defined

我不知道我做错了什么。

最佳答案

尝试在函数中传递$scope

var classificationModule = angular.module('mainapp', []);

classificationModule.controller('firstcontroll', function($scope) {
  $scope.text = "Goodday"
});
<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <meta name="layout" content="main" />
  <title>Classification Toolkit for Grails</title>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.js"></script>
  <asset:javascript src="main.js" />

</head>

<body>
  <div ng-app='mainapp' ng-controller='firstcontroll'>
    Hello, {{text}}
  </div>

</body>

</html>

关于javascript - (angularjs) 注入(inject) Controller 时获取 'ReferenceError: $scope is not defined',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25789243/

相关文章:

javascript - TypeError : $(. ..).gridstack 不是函数 #709

javascript - Cronjob 停止执行 nodejs

html - 边界有问题

html - AngularJS - 动态更新 ng 类名称

javascript - AngularJS 将数组插入指令内的字符串

javascript - 构建真实世界的 AngularJS 应用程序,我应该如何在 html 中声明我的 Controller 。我需要在index.html中声明所有内容吗?

javascript - 创建 DOM 元素并追加的替代编写方法

angularjs - ionic 框架中的嵌套标签栏

html - 删除标题图片上方的空白

javascript - AngularJS:使用路由记住复杂 View 的状态/设置