商品删除、添加login和register组件

#应用场景：删除一个商品

在商品列表的页面，点击删除按钮，完成删除，不需要路由的跳转

#实现思路

删除商品之前，要获取到商品的id；删除之后，还有刷新商品页面

在删除之前需要用户确认是否真的删除

#具体实现

product-list.component.html中操作

 

通过对products的filter操作，刷新数据从而刷新页面；

如何添加一个modal对话框？

alert？

仅仅是提示还不够，还得判断用户的操作行为，点击的是确认还是取消呢？

#知识点

bootstrap是干什么的？单纯的布局和样式，bootstrap有alert弹出框

如何判断它的 确认 和 取消？ bootstrap没有给出来

bootstrap of angular/react? 比如：ng-bootstrap 里面有angular API（代码）

ant-design of angular / react

#安装 ant-design：ng-zorro 参考官方文档:https://ng.ant.design/docs/getting-started/

> npm install ng-zorro-antd --save

在angular.json文件中配置css,styles

1. 引入 NzModalService

2. 注入 NzModalService

3. 调用 showDeleteConfirm(): void

 

知识点：

读懂它的回调函数

nzOnOk: () => console.log('OK'),

在它的箭头函数中，添加你的代码

 

#添加 login 和 register 组件

1.创建组件 register ：ng g c Register

2.路由配置 app-routing.module.ts

 

register 实现方法：

copy ant design 里面的register 组件

转载于:https://www.cnblogs.com/aiyamoer/p/11010603.html