取到後台多層 json api 如何在angular上定義interface 和 class

General
1

2

定義方式是一樣的
例如說

interface data{
   count: number;
   users: UserInfo[];
}

interface UserInfo {
   email: string;
   email_canoncal: string;
   ...
}

以此類推

2個讚
3

那像這樣的話,我要怎麼binding data 在view上面

EX:{{data.user.email}} ??

4

不完全對，因為你的 user 是陣列。所以不是使用 ngFor 顯示 ，就是要指定你要顯示的 index 是哪一個

5

用 @Kevin 大大上述的方法定義完interface之後，在HTML的使用上就非常簡單了，如下：

<div *ngFor="let user of data.users">
    <p>{{ user.email }}</p>
    <p>{{ user. email_canoncal }}</p>
</div>
1個讚
6

問題解決,只是重新定義一個namespace,謝謝兩位大大