javascript - Angular 1.3 - 实例化模块时出错

标签 javascript angularjs

我是 Angular 新手,正在按照教程学习基础知识。下面是我到目前为止的代码。它有一个 Controller 和一个 View

// 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>

它在控制台中给我以下错误

Error

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

最佳答案

问题出在初始化 person 对象时:

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

};

正确的方法是:

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

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

关于javascript - Angular 1.3 - 实例化模块时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36748440/

相关文章:

javascript - 使用 javascript 对输入字段中的所有值求和

javascript - 如何阻止 angularJS 解析/运行指令或代码块?

javascript - 保存 Javascript 变量以供以后使用?

javascript - 在 Chrome 中打印弹出窗口

javascript - Angular ui 路由器单元测试(状态到 url)

php - 带有 allowcredentials true 的通配符 CORS

javascript - 使用 casperjs 测试 angularjs 应用程序

javascript - 了解 AngularJS 函数 $arguments

javascript - Angular JS 文本区域验证

javascript - Vue.js 似乎没有在变量更改时更新 DOM