ng-repeat嵌套数据通过空值重复

时间:2015-12-30 18:48:44

标签: angularjs

我在rails中有活动控制器,呈现下面的json输出。

{"id":3,"trackable_id":6,"trackable_type":"Movie","owner_id":1,"owner_type":"User","key":"movie.create","parameters":{},"recipient_id":null,"recipient_type":null,"created_at":"2015-12-30T12:31:24.765Z","updated_at":"2015-12-30T12:31:24.765Z",
  "owner":{"id":1,"email":"peter@peter.nl","provider":null,"uid":null,"name":"Peter Boomsma","username":null}},

{"id":2,"trackable_id":5,"trackable_type":"Movie","owner_id":1,"owner_type":"User","key":"movie.create","parameters":{},"recipient_id":null,"recipient_type":null,"created_at":"2015-12-30T11:55:06.766Z","updated_at":"2015-12-30T11:55:06.766Z",
  "owner":{"id":1,"email":"peter@peter.nl","provider":null,"uid":null,"name":"Peter Boomsma","username":null}},

在我的活动模板中,我有这个ng-repeat,

%ul{"ng-repeat" => "activity in activities"}
  %li{"ng-repeat" => "owner in activity"}
    Full Name: {{owner.name}}

但看起来ng-repeat循环遍历父对象和子对象中的每个值,因为输出看起来像这样,

Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name: John Doe
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name: John Doe
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:
Full Name:

这种渲染方法是不正确还是我只是做错了什么?

1 个答案:

答案 0 :(得分:1)

每个活动似乎只有一个所有者:

%ul{"ng-repeat" => "activity in activities"}
  %li // Remove the ng-repeat here
  Full Name: {{activity.owner.name}}

这应该适合你。

道歉!不确定这里使用的确切语法

相关问题