Question

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

e.g。

<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响应。

使用额外的嵌套POJOs树

1 个答案: