Angularjs 角度错误：$喷油器：模块错误_Angularjs

Angularjs 角度错误：$喷油器：模块错误

angularjs

Angularjs 角度错误：$喷油器：模块错误,angularjs,Angularjs,我是angular JS的新手，我正在尝试一个简单的模块，我遇到了这个错误我的html如下所示： <!DOCTYPE html> <html > <head> <script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script> <l

我是angular JS的新手，我正在尝试一个简单的模块，我遇到了这个错误

我的html如下所示：

  <!DOCTYPE html>
<html >

  <head>
    <script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body data-ng-app="Testingng">
    <div data-ng-controller="MainController" ></div>
    <h1>{{message}}</h1>
    <div> First Name: {{person.firstName}}</div>

  </body>

</html>

我也尝试了这个JS，它没有给出任何错误，但没有显示数据

(function() {

  angular
    .module("Testingng", [])
    .controller("MainController", function($scope) {

      var person = {

        firstName: "Test",
        lastName: "Test",
        imageSrc: "C:\Users\Test\Downloads\20160604_142346.jpg"

      };

      $scope.message = "Hello Angular";
      $scope.person = person;

    });

})();

谁能告诉我我做错了什么吗？提前谢谢

您的代码有两个问题

（i）你的控制器应该是

 .controller('MainController', ['$scope', function($scope) {

（ii）打印变量后应关闭div，否则无法访问$scope
变量

<div ng-controller="MainController" >
    <h1>{{message}}</h1>
    <div> First Name: {{person.firstName}}</div>
</div>


{{message}}
名字：{{person.firstName}

试试这个

角度模块（'测试'，[]） .controller（'MainController'，['$scope'，函数（$scope）{ 个人变量={ 名字：“测试”，姓氏：“测试”， imageSrc:“C:\Users\Test\Downloads\20160604\u 142346.jpg” }; $scope.message=“你好”； $scope.person=人； }]);


{{message}}
名字：{{person.firstName}

您是否在没有

数据的情况下尝试了它-

？例如，

ng-app=“testinging”

而不是

data-ng-app=“testinging”

我这样做了！同样的results@LibinM检查答案我做错的主要事情是提前关闭了，除了你指出的语法错误之外，我还有一个额外的“}；”谢谢

<div ng-controller="MainController" >
    <h1>{{message}}</h1>
    <div> First Name: {{person.firstName}}</div>
</div>