如果这个问题被重复,我很抱歉,但我似乎仍然找不到解决方案。这是我第一次使用 AngularJS,所以请耐心等待。
我的简单 html:
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Angular Practice</title>
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular/controller.js"></script>
</head>
<body>
<div ng-controller="simple">
<h1>{{ author.name }}</h1>
<p>{{ author.title }}</p>
</div>
</body>
</html>
这是我从 AngularJS 教程中获得的controller.js:
var myApp = angular.module('myApp', []);
myApp.controller('simple', function ($scope) {
$scope.author = [
{'name': 'Parker',
'title': 'Full Stack Developer'}
];
});
然后当我在浏览器上浏览我的 html 时,它是一片空白。
最佳答案
在您的 $scope 中,您有 author
属性,它是一个数组。
如果您像使用 author.name
一样进行访问,它将不起作用,因为您试图访问数组对象中的 name
属性,这不会起作用t 有 name
属性。
所以,我建议您将其更改为:
$scope.author = {
name: 'Parker',
title: 'Full Stack Developer'
};
此外,访问方式类似于
{{ author[0].name }}
也可以,但是在这里拥有一个数组是没有意义的,显然,您只想拥有一个对象。
关于javascript - AngularJs,表达式没有显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26369826/