无法使用ng-repeat打印对象的值

Question

这是我的html代码：

<h3 ng-repeat="goal in goals" ng-controller="AddGoalsCtrl"> 
    <h4 ng-repeat="(key,value) in goal" ng-controller="AddGoalsCtrl">
        {{key}} : {{value}}
    </h4>
</h3>

这就是我的服务层返回的内容：

[Goal [goalId=1, goalName=goal1, goalDescription=goaldescript, measurementCriteria=crtr, visible=Y], Goal [goalId=2, goalName=goal1, goalDescription=goal 1 description, measurementCriteria=criteria1, visible=Y], Goal [goalId=3, goalName=goal1, goalDescription=goal 1 description, measurementCriteria=criteria1, visible=Y]]

或json为：

[{"goalId":1,"goalName":"goal1","goalDescription":"goaldescript","measurementCriteria":"crtr","visible":"Y"},{"goalId":2,"goalName":"goal1","goalDescription":"goal 1 description","measurementCriteria":"criteria1","visible":"Y"},{"goalId":3,"goalName":"goal1","goalDescription":"goal 1 description","measurementCriteria":"criteria1","visible":"Y"}]

但是我的html没有打印出诸如key：value之类的东西.......

Answer 1

您在分部中多次加载控制器。它不应该那样that.html代码应该这样：

<div ng-controller="AddGoalsCtrl">
    <h3 ng-repeat="goal in goals" > 
        <h4 ng-repeat="(key,value) in goal">
        {{key}} : {{value}}
        </h4>
   </h3>
</div>

Answer 2

我在http://plnkr.co/twdDzpxikJMTe0WuN7ro为您创建了一个插件。

您不应该嵌套控制器，而是尝试类似以下内容：

<body ng-controller="AddGoalsCtrl">
    <div ng-repeat="goal in goals">
        <h4 ng-repeat="(key,value) in goal">
            {{key}} : {{value}}
        </h4>
    </div> 
</body>

另外，不要在另一个不是正确的HTML的嵌套h标签。 我使用div代替外部重复，因为在此示例中您未对其进行任何操作。

无法使用ng-repeat打印对象的值

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-11-03 04:01:51

解决方案2
0 2014-11-03 04:05:56

无法使用ng-repeat打印对象的值

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-11-03 04:01:51

解决方案2 0 2014-11-03 04:05:56

解决方案1
1 已采纳 2014-11-03 04:01:51

解决方案2
0 2014-11-03 04:05:56