1.时间管道
image.png
image.png
image.png
image.png
image.png
-
数字的小数以及输出格式化
整数部分多少位 小数部分最少多少位 小数部分最多多少位
image.png
image.png
3.异步处理流
| async
4.如何自定义管道
image.png
组件和管道一样都需要声明在declearations中
image.png
image.png
image.png
image.png
下面我们来创建一个 根据商品名称 筛选商品的一个 响应式表单
我们现在 ngModel 里面加入响应式表单模块的导入声明
image.png
我们修改商品展示界面 在ngfor 上面加入 输入框
image.png
接下来在商品展示界面加入 formControl的声明
image.png
接下来修改模板 html 加入 formControl的 关联
image.png
接下来修改 模板组件 监听 表单输入值得变化 并设置 500毫秒没改变时 获取属性值
image.png
image.png
上面的图中 第一个字段是虽有的商品列表 第二个字段是 判断字段 第三个字段是 关键字字段
image.png
效果图如下 ：
image.png
