下图第11行代码的 replace，是我自定义的 pipe 在Component 模板文件中的调用之处。标号1和2为其传入的参数，通过冒号进行参数传递。
其中 wordStartPattern 为 replace pipe 的第一个参数，这是一个 Component 属性：
第二个传入 pipe 的参数为 $&，硬编码。
而 pipe 接受的原始值，即 | 之前的值，这个值默认会始终传入 pipe.
完整的实现代码：
Angular 如何自定义 pipe 管道以及参数传递问题
2021-12-08
305
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Angular 如何自定义 pipe 管道以及参数传递问题
目录
相关文章
|
4月前
|
Perl
【不明觉厉】Angular的 pure pipe (纯管道) 和 impure pipe (非纯管道) 是啥意思？
【不明觉厉】Angular的 pure pipe (纯管道) 和 impure pipe (非纯管道) 是啥意思？
39
0
0
|
6月前
|
JavaScript
前端开发
API
|
Perl
|
JSON
前端开发
JavaScript
|
JavaScript
前端开发
Angular管道PIPE介绍
PIPE，翻译为管道。Angular 管道是编写可以在HTML组件中声明的显示值转换的方法。Angular 管道之前在 AngularJS 中被称为过滤器，从 Angular 2开始就被称为管道。管道将数据作为输入并将其转换为所需的输出。
167
0
0
|
JavaScript
|
JSON
Linux
数据格式
|
JSON
API
数据格式
|
JavaScript
数据安全/隐私保护
Android开发
Angular 中自定义 Video 操作
上一篇文章是 Angular 项目实现权限控制。最近自己在网上看到别人使用 vue 进行自定义 video 的操纵。加上不久前实现了 angular 自定义 video 的相关需求， 遂来记录一下，作为交流思考🤔
264
0
0
热门文章
最新文章
1
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
2
Angular 应用 node_modules 子文件夹 @types 的作用介绍
3
基于Angular的简易在线购物车设计与实现
4
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
5
1分钟入门angular动画效果animations，敲简单滴哟~~☺
6
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
7
【angular】启动项目和路由配置
8
angular之provide，service，factory等区别
9
Angular Input格式化
10
进入DRF和ANGULAR的整合学习，这三篇入门内容一定要学好的
1
【angular】启动项目和路由配置
6
2
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
11
3
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
11
4
1分钟入门angular动画效果animations，敲简单滴哟~~☺
11
5
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
13
6
Angular 应用 node_modules 子文件夹 @types 的作用介绍
12
7
基于Angular的简易在线购物车设计与实现
12
8
Angular：构建现代Web应用的终极选择
23
9
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
101
10
2024 年 3 月 1 日安装 Composable Storefront 2211 遇到 Angular 和 TypeScript 版本不匹配的错误
21