Question

我是angularJs的初学者。在我尝试构建示例应用程序时，我收到以下错误

controller undefined angularjs

<div ng-controller="listCtrl">
        {{2+3}}
    </div>

它不会在浏览器上打印{{2+3}}表达式，但是当我从div中删除ng-controller标记时，它会打印结果为5这是正确的。

我已将所有必要的脚本链接到html文件中。

这是我的控制器代码

(function(){

  angular.module("myApp").controller("listCtrl", Listcontroller);

    function Listcontroller($scope){
      $scope.dummyData = "hello word";
    }

})();

Answer 1

很可能你缺少ng-app指令的值。如下所示

<div ng-app="myApp">
  <div ng-controller="listCtrl">
     {{2+3}}
  </div>
</div>

此外，请注意，如果您尚未首先创建模块（myApp），那么在引用angular.module("myApp", [])之前，您需要执行此操作controller文件或controller文件。

(function(){

  angular.module("myApp", []).controller("listCtrl", Listcontroller);

    function Listcontroller($scope){
      $scope.dummyData = "hello word";
    }

})();

Answer 2

你必须在angular.module（）中传递一个空数组作为参数例如 -

(function(){

  angular.module("myApp",[]).controller("listCtrl", Listcontroller);

    function Listcontroller($scope){
      $scope.dummyData = "hello word";
    }

})();

控制器undefined angularjs

2 个答案: