gpt4 book ai didi

javascript - 为什么 Controller 中的数组赋值会破坏 Angular 代码?

转载 作者:行者123 更新时间:2023-11-27 23:55:17 26 4
gpt4 key购买 nike

这更多的是一个概念性问题。我有以下 HTML 页面:

index.html

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

<head>
<title>Angular Page</title>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</head>

<body>
<div ng-controller="myController">
{{ greeting }}
</div>
</body>

</html>

所有文件都位于目录根目录,我还有以下 JS 文件:

app.js

var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.greeting = "Hello";
}

当它运行时,我当然会在 HTML 页面上收到问候语“Hello”。

但是,当我尝试将对象(用于将来的 ng-repeat 元素)附加到同一 Controller 时:

var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.greeting = "Hello";

$scope.users = [
{
"name": "Michael",
"industry": "Music"
},
{
"name": "Michael",
"industry": "Boxing"
},
{
"name": "Michael",
"industry": "Basketball"
}
];
}

Angular 绑定(bind)已损坏,我收到的不是问候语“Hello”,而是 {{ name }} 表达式。 (这在“用户”对象赋值中带有或不带有尾随分号。)

我的对象分配是否存在导致 Angular 代码中断的问题?我不确定如何解释发生的事情。

最佳答案

@dfsq 正在某处帮助他人,因此他无法因回答此问题而获得适当的认可。

问题是在将数组对象插入到我的 Angular“myController”中后,页面上的表达式的双向绑定(bind)被破坏。

我在服务器上通过命令行 (SSH) 使用 nano 来编辑文件,但无法轻松看到数组中的键值对之一

("key": "value") 

有一个逗号而不是冒号

("key","value)

所以它抛出以下错误:

Uncaught SyntaxError: Unexpected token ,

问题是,我可以使用浏览器上的开发人员工具来检查控制台日志。 @dfsq 建议这样做,在查看控制台日志后,很容易看到抛出的错误以及到底是哪一行抛出的错误。

再次感谢@dfsq

关于javascript - 为什么 Controller 中的数组赋值会破坏 Angular 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33221797/

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