角码不执行
角码不执行
提问于 2018-06-04 13:09:50
我正在学习AngularJS作为我的Python/Django项目的前端。我刚刚写了一个简单的AngularJS页面，如下所示。
代码的预期输出是35岁的Joe。
当代码的实际输出是{{ person.name }}是{{ person.age }}时，该代码的实际输出是.。
代码如下。
<html>
<body ng-app="scrumboard.demo">
<div ng-controller="ScrumboardController">
<p>{{ person.name }} is {{ person.age }} years old.</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script>
(function() {
'use strict';
angular.module('scrumboard.demo', [])
.controller('ScrumboardController', ['$scope', ScrumboardController]);
function ScrumboardController($scope) {
$scope.person = {
name = 'Joe',
age = 35
};
}());
</script>
</body>
</html>
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-06-04 13:20:52
你的object 声明是错的，
$scope.person = {
name = 'Joe',
age = 35
};name = 'Joe',应该是name: 'Joe',，age = 35应该是age: 35
所以,
$scope.person = {
name: 'Joe',
age: 35
};
<html>
<body ng-app="scrumboard.demo">
<div ng-controller="ScrumboardController">
<p>{{ person.name }} is {{ person.age }} years old.</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script>
(function() {
'use strict';
angular.module('scrumboard.demo', [])
.controller('ScrumboardController', ['$scope', ScrumboardController]);
function ScrumboardController($scope) {
$scope.person = {
name: 'Joe',
age: 35
};
}
}());
</script>
</body>
</html>
Stack Overflow用户
发布于 2018-06-04 13:14:48
改变这个
$scope.person = {
name = 'Joe',
age = 35
};至
$scope.person = {
name: 'Joe',
age: 35
};
<html>
<body ng-app="scrumboard.demo">
<div ng-controller="ScrumboardController">
<p>{{ person.name }} is {{ person.age }} years old.</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script>
(function() {
'use strict';
angular.module('scrumboard.demo', [])
.controller('ScrumboardController', ['$scope', ScrumboardController]);
function ScrumboardController($scope) {
$scope.person = {
name: 'Joe',
age: 35
};
}
}());
</script>
</body>
</html>
Stack Overflow用户
发布于 2018-06-04 15:20:53
谢谢Sravan和Jag。Asa正确地指出了这个问题是通过改变对象符号来修正的。
name = 'Joe',
age = 35姓名：“Joe”，年龄: 35
然而，在这样做之后，代码仍然不起作用。因此，经过进一步的检查，我发现这里漏掉了一个卷曲括号'}‘。
(function() {
'use strict';
angular.module('scrumboard.demo', [])
.controller('ScrumboardController', ['$scope', ScrumboardController]);
function ScrumboardController($scope) {
$scope.person = {
name = 'Joe',
age = 35
};
}());我变成了这个
(function() {
'use strict';
angular.module('scrumboard.demo', [])
.controller('ScrumboardController', ['$scope', ScrumboardController]);
function ScrumboardController($scope) {
$scope.person = {
name = 'Joe',
age = 35
};
}
}());而且起作用了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50681442
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号