时间戳

首页 > 解决方案 > 使用 angular + web api 创建和查看对象。前端结构

angular - 使用 angular + web api 创建和查看对象。前端结构

问题描述

我想创建例如房屋的对象，并有能力创建房屋、查看房屋、更新房屋。

angular 中文件夹和文件的结构应该是什么？

带有组件创建、查看、更新的 House 文件夹？

我也希望使用链接创建房子

site.com/house/create

而观景房应该是

site.com/houses/123 where 123 is house ID

标签： angular

解决方案

我会HouseModule用 4 个组件创建一个：

  • 房屋组件
  • ViewHouse 组件
  • 创建房屋组件
  • 更新房屋组件

这就是你的house-routing样子

const routes: Routes = [
  { path: '', redirectTo: 'house', pathMatch: 'full' },
  { path: 'house', component: HouseComponent},
  { path: 'house/:id', component: ViewHouseComponent },
  { path: 'house/create', component: CreateHouseComponent},
  { path: 'house/update', component: UpdateHouseComponent},
];

推荐阅读