我在spring webflux后端有一个微服务，我正在为同一个服务开发UI。现在我有一个GET请求，它根据提供的memberId返回成员详细信息。如何从后端获取成员详细信息并在前端显示。GET请求如下所示：localhost：8081/viewbill/234。我试着在angular中实现它，但是没有发现任何成功。我不知道如何在Angular UI上显示数据。我还附上了GET端点的 Postman 截图。下面是我的Angular文件结构：x1c 0d1x
app-routing.module.ts

const routes: Routes = [
  {path:'get-member', component:MemberListComponent},
  {path:'view-member', component:MemberDetailsComponent}
];

member-service.ts

viewMemberDetails(memberId:string):Observable<any>
  {
    const url="http://localhost:8081/viewbill/"+memberId;
    return this.httpclient.get<any>(url);

  }
}

member-details.component.ts

export class MemberDetailsComponent implements OnInit {
  member:Member=new Member();
  memberId:any;

  constructor(private memService:MemberService,private route:Router) { }

  ngOnInit(): void {
      this.memService.viewMemberDetails(this.memberId).subscribe(data=>{
        this.member=data;
        console.log(data);

      });
  }

member-details.component.html

<div class="container">
        <h2>Member Details</h2>
        <table class="table table-striped">
          <thead>
            <tr>
                <th>MemberId</th>
              <th>FirstName</th>
              <th>LastName</th>
              <th>Age</th>
              </tr>
              <tr *ngFor=let m of member>
              <th>{{m.memberId}}</th>
              <th>{{m.firstName}}</th>
              <th>{{m.lastName}}</th>
              <th>{{m.age}}</th>
              </tr>
          </thead>

        </table>
      </div>

</body>
</html>
<router-outlet></router-outlet

我尝试使用ngfor显示数据，但收到错误消息类型'Member'无法指派给类型'NgIterable|零值|未定义“。

<tr *ngFor="let m of member">