0

我对 AngularJS 和 JavaScript 非常陌生。我正在完成的一个教程是迭代一些名称，但由于某种原因它不起作用。关于做什么的任何建议？下面是我的代码。

<!doctype html>
<html lang="en" ng-app ng-controller="MainCtrl">
<head>
    <meta charset="utf-8">
    <title>Learning AngularJS: Controllers</title>
</head>
<body>
    <h1>The People App</h1>
    <h4>View People</h4>
    <ul>
        <li ng-repeat="person in people">
            from ,
        </li>
    </ul>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script>
        function MainCtrl($scope) {
            $scope.people = [{
                    name: 'John Doe',
                    city: 'New York City',
                    state: 'New York'
                },{
                    name: 'John Smith',
                    city: 'Oklahoma City',
                    state: 'Oklahoma'
                },{
                    name: 'Henry Black',
                    city: 'Topeka',
                    state: 'Kansas'
            }];
        }
    </script>
</body>
</html>
4

3 回答 3

3

要输出范围变量，您必须使用双花括号表示法，如下所示：

{{person}}

就您而言，我确实相信您想获得这样的人的内在属性：

{{ person.name }}

如我所见，在您的示例中，您希望显示如下信息：

John Doe from New York City

为此，您必须使用双大括号符号，如本例所示：

{{person.name}} from , {{person.city}}

此外，您可以使用 AngularJS 过滤器“json”查看打印为 json 的人员列表，如下所示：

{{ people | json  }}
于 2013-07-28T19:11:19.160 回答
1

你需要写：

<li ng-repeat="person in people">
    {{person.name}} {{person.city}} {{person.state}}
</li>
于 2013-07-28T19:07:59.870 回答
1

您需要以这种方式将数据插入到模板中：

<li ng-repeat="person in people">
    {{person.name}} from {{person.city}}, {{person.state}}
</li>
于 2013-07-28T20:20:37.087 回答