我是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;
它在控制台中给出了以下错误
请让我知道我做错了什么。谢谢!
答案 0 :(得分:1)
问题在于初始化人物对象:
var person = {
var firstName = "AAA",
var lastName = "BBB",
};
正确的方法是:
var person = {
firstName: 'AAA',
lastName: 'BBB'
}
希望,我的回答会对你有所帮助。
谢谢。 :)