用户登录

下面去创建一个编辑内容用的组件,在终端,执行 ng generate ,生成一个 component,放在 modules/post/components 的下面,名字是 post-edit。

回到项目,可以先打开 Post 模块的路由模块,在这里先添加一条编辑内容用的路由,路由的 path 是 posts/:id/edit。路由对应的 component 设置成 PostEditComponent。

打开 PostDetailsComponent 组件的模板文件,在内容详情视图里面添加一个编辑内容用的链接,放在一个段落里面,一组 strong,里面再加上一组 small ,里面添加一组 a 标签,链接文字是 Edit,标签上使用 routerLink,地址是 ./edit 。

预览

回到浏览器可以预览一下,先打开一个内容项目,这里会有一个 Edit 链接,点击这个链接,打开的就是编辑这个内容的地址。上面显示的这行文字来自 PostEditComponent 组件的模板文件。

内容编辑组件(PostEditComponent)《 Angular:请求 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点