Angular 1.3 - 实例化模块时出错

时间:2016-04-20 15:24:47

标签: javascript angularjs

我是Angular的新手,并按照教程学习基础知识。下面是我到目前为止的代码。它有一个控制器和一个视图



// Code goes here

(function() {
  var app = angular.module("myApp", []);

  var MainController = function($scope) {
    var person = {
      var firstName = "AAA",
      var lastName = "BBB",
      
    };
    $scope.person = person;
    $scope.message = "Hello";
  }
  
  app.controller("MainController", MainController);
  
}());

<!DOCTYPE html>
<html ng-app="myApp">

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

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

</html>
&#13;
&#13;
&#13;

它在控制台中给出了以下错误

Error

请让我知道我做错了什么。谢谢!

1 个答案:

答案 0 :(得分:1)

问题在于初始化人物对象:

var person = {
  var firstName = "AAA",
  var lastName = "BBB",

};

正确的方法是:

var person = {
    firstName: 'AAA',
    lastName: 'BBB'
}

希望,我的回答会对你有所帮助。
谢谢。 :)