额外嵌套 POJO 树的问题

Question

我可以对模板中非常复杂的 POJO 树做些什么吗？

例如

<div
     important-attr="{{item.another_sub_item_three.lets_go_a_little_dipper.property}} "
     another-important-attr="{{ item.another_sub_item_three.just_one_more.another-property }}"
>
</div>

请注意，我无法控制数据结构，它来自旧版 API。

使用 ng-repeat 可能是一个解决方案，但这感觉不对，特别是因为这不是一个集合，它只是一个项目。

<div
    ng-repeat="prop in item.another_sub_item_three.lets_go_a_little_dipper"
    important-attr="{{prop.property}}"
    another-important-attr="{{prop.another-property}}"
>
</div>

Answer 1

如果您使用

$http

与旧版 API 交互，则可以使用

transformResponse

属性将响应更改为更易于管理的响应。

$http({
  method: 'GET',
  url: '...',
  transformResponse: function(data) {
    /* transform data then */
    return data
  }
})

如果您不使用

$http

，则代码中可能还有另一个逻辑位置，您可以在 API 响应被模板使用之前对其进行转换。