下图第11行代码的 replace，是我自定义的 pipe 在Component 模板文件中的调用之处。标号1和2为其传入的参数，通过冒号进行参数传递。
其中 wordStartPattern 为 replace pipe 的第一个参数，这是一个 Component 属性：
第二个传入 pipe 的参数为 $&，硬编码。
而 pipe 接受的原始值，即 | 之前的值，这个值默认会始终传入 pipe.
完整的实现代码：
Angular 如何自定义 pipe 管道以及参数传递问题
2021-12-08
317
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Angular 如何自定义 pipe 管道以及参数传递问题
目录
相关文章
|
2月前
|
JavaScript
前端开发
API
|
2月前
|
Perl
【不明觉厉】Angular的 pure pipe (纯管道) 和 impure pipe (非纯管道) 是啥意思？
【不明觉厉】Angular的 pure pipe (纯管道) 和 impure pipe (非纯管道) 是啥意思？
53
0
0
|
9月前
|
11月前
|
JavaScript
定位技术
|
JavaScript
前端开发
API
|
Perl
|
JavaScript
|
JSON
Linux
数据格式
|
JSON
API
数据格式
|
JSON
前端开发
JavaScript
热门文章
最新文章
1
进入DRF和ANGULAR的整合学习，这三篇入门内容一定要学好的
2
angular controller as syntax vs scope
3
Angular 4 组件的生命周期
4
$scope angular在controller之外调用
5
angular项目整合到.net mvc中
6
Angular 4 表单
7
YY游戏云的angular js实践总结
8
Angular单元测试fixture.detectChanges()
9
Angular里遇到的一个依赖注入问题以及解决办法
10
Angular Component TypeScript代码和最后转换生成的JavaScript代码比较
1
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
31
2
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
22
3
1分钟入门angular动画效果animations，敲简单滴哟~~☺
27
4
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
19
5
Angular 应用 node_modules 子文件夹 @types 的作用介绍
23
6
基于Angular的简易在线购物车设计与实现
24
7
Angular：构建现代Web应用的终极选择
42
8
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
204
9
2024 年 3 月 1 日安装 Composable Storefront 2211 遇到 Angular 和 TypeScript 版本不匹配的错误
39
10
Composable Storefront 2211 的 Angular CLI 版本
14