javascript - 无法使用 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

你在partial中多次加载 Controller 。它不应该是这样的。html代码应该像这样:

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