gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 07:07:34 27 4
gpt4 key购买 nike

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

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com