Question

为什么这段代码不起作用？我想在过去的四天里找到它......

错误：[ng：areq]参数'mainCtrl'不是函数，未定义

HTML：

<!doctype html>
  <html ng-app>
    <head>
    <title> test angular html </title>
    <script src="bower_components/angular/angular.js"> </script>
    <script>
    function mainCtrl($scope) {
        $scope.value = 100;
    } 
    </script>
  </head>

  <body ng-controller="mainCtrl">
    <h1> {{value}} </h1>
  </body>
</html>

Answer 1

当你使用像angular这样的框架时，你必须声明一些逻辑（角度1.3+）。

您必须创建应用的主模块：

angular.module('yourmodule', [])  // the last parameter [] create the module, that array are the dependencies

创建模块后，你必须将控制器连接到模块，你有一个函数mainCtrl创建，我将使用它：

var module = angular.module('yourmodule')  // without the second argument, get the module with that name
module.controller('mainCtrl', mainCtrl) // This assign the name mainCtrl the function mainCtrl

最后，添加到创建模块的ng-app：

  <html ng-app="yourmodule">

我希望这项工作，并欢迎来到有远见的世界!!!

为什么这个角度文件不起作用？

1 个答案: