Javascript 对对象使用ng repeat

在控制器内使用

ng repeat

时，我在诊断问题时遇到问题。我正在尝试在一个标记中显示一个对象的键和值数组。这是我第一次使用Angular

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

活动控制器

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：

<div ng-controller="activityController">

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

</div>

{{key}}{{val}

{{activity.name}

---

这是输出的方式。

看起来不错-可能有什么原因导致什么都没有显示？我很困惑，为什么这在我这边什么都没有显示。ng repeat中的符号

（key，val）

是迭代对象的属性，而不是数组中的项，而数组中的项就是活动定义的。

<div ng-controller="activityController">

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

</div>

<p ng-controller="activityController">

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

</p>