javascript - 对对象使用 ng-repeat

Question

我在 Controller 中使用 ng-repeat 时无法诊断问题。我正在尝试进行概念验证，以在标签内显示对象的键和值的数组。这是我第一次使用 Angular。

我有一个返回简单对象数组的 Controller 。我正在尝试使用这些对象的值生成标签。

事件 Controller

app.controller("activityController", ["$scope", function ($scope) {    

$scope.activities = [
    { name: "hi" },
    { name: "hello" }
]

}]);

index.html

<p ng-controller="activityController">

<div ng-repeat="(key, val) in activities">
    <span>{{ key }} {{ val }}</span>        
</div>

</p>

我错过了什么吗？我没有收到任何错误，但我的页面上没有显示任何数据。

<小时/>

解决方案

最好改用这种格式(但问题在于将 div 嵌套在 p 中)。

<div ng-controller="activityController">

    <div ng-repeat="activity in activities">
        <span>{{ activity.name }}</span>        
    </div>

</div>

Answer 1

<p ng-controller="activityController">

    <div ng-repeat="activity in activities">
        <span>{{ activity.name }}</span>        
    </div>

</p>

这就是输出的方式。