Question

在我的控制器中使用ng-repeat时，我无法诊断问题。我正在尝试一个概念验证来显示一个对象阵列＆＃39;标记中的键和值。这是我第一次使用Angular。

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

activitiesController

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>

这是输出的方式。

Answer 2

不使用段落（p）而是使用div。你不能在段落中嵌套div：

<div ng-controller="activityController">

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

</div>

Plunkr

对对象使用ng-repeat

2 个答案: