Question

如果这个问题已经重复，我很抱歉，但我似乎仍无法找到解决方法。这是我第一次使用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上浏览器时，它是一个空白。

Answer 1

在$ scope中，您拥有author属性，即一个数组。如果您使用author.name进行访问，那么它将无法正常工作，因为您尝试访问数组对象中的name属性，而不是一个name财产。

所以，我建议你把它改成：

$scope.author = {
    name: 'Parker',
    title: 'Full Stack Developer'
};

另外，访问

{{ author[0].name }}

也可以，但是在这里有一个数组，显然只有一个对象，这没有意义。

AngularJs，表达式没有显示出来

1 个答案: