Trung tâm cá nhân
sách gpt4 ăn đã đi

json - 我如何访问angular2中嵌套的json数据

In lại 作者：太空狗 更新时间：2023-10-29 18:25:30 24 4
mua khóa gpt4 giày nike

这是我的 app.component.ts 

@Component({
  selector: 'my-app',
  template: `
{{title}}

  {{test | json}}

  

    

      

        writer: {{test.A.B.C.D.writerid}} 

        content:{{test}}

        write_date:{{test}}

    

  

  `,
})

public test: any[] = [
 {
   'A': {
     'B': [{
       'C': {
         'D': [{
           'content': 'content_test1',
           'writedt': '2017-02-08 00:00:00',
           'writerid': 'writerid_test1'
          }, {
           'content': 'content_test2',
           'writedt': '2017-02-08 00:00:00',
           'writerid': 'writerid_test1'
          }, {
            'content': 'content_test3',
            'writedt': '2017-02-08 00:00:00',
            'writerid': 'writerid_test2'
         }, {
           'content': 'content_test4',
           'writedt': '2017-02-08 00:00:00',
           'writerid': 'writerid_test2'
         }]
       }
     }]
   }
 }
];

test.A.B.C.D.writerid 不工作错误:无法读取未定义的属性“B”我不明白为什么错误不是 A 而是 B我如何访问 D 的内容或 writedt 或 writerid

câu trả lời hay nhất

首先，我假设您的模板中有一些拼写错误(例如 ngFor)，并且该数组实际上称为 tests 但让我们忽略它。

我猜您想遍历 D 的数组。 无需对数据结构进行任何更改，您可以使用嵌套的 *ngFor:s 来完成。

所以首先你的数组应该命名为tests，而不是Bài kiểm tra。以及如何访问最内层数组，我们将首先遍历 tests 数组，然后遍历数组 B，最后遍历最内层数组 D。所以你的模板看起来像这样:

  

    

      
 
Content {{i+1}}

        {{y.content}}
        {{y.writedt | date}}
        {{y.writerid}}

DEMO

关于json - 我如何访问angular2中嵌套的json数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43204434/

24 4 0
Đề xuất bài viết: 具有多条路线的Angular 2 routerlink？
Đề xuất bài viết: c# - 如何在 N :N relationships? 上触发 MS Dynamic CRM 中的插件
Đề xuất bài viết: c# - 'Lock' 占用 CPU 时间吗？
Đề xuất bài viết: javascript - 空变量为输入的禁用属性赋予真值
太空狗
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress