angular - Angular：自定义管道事件处理

Question

这是在采访中被问到的。

要求是创建一个自定义管道，如果它有超过一定数量的字符，例如 10 个字符，它将返回一个以“阅读更多”链接为后缀的缩短文本。

如果单击“阅读更多”链接，整个原始文本应显示为后缀为“阅读较少”链接。如果单击“少读”链接，则缩短的文本应再次显示以“多读”链接为后缀。因此，“阅读更多”和“阅读更少”链接以及短文本和原始文本应在单击链接时切换。

这整个功能只能由管道实现。管道中是否可以进行事件处理？我们如何处理管道中链接的点击事件？

标签： angularangular-pipe

Answer 1

我认为面试官不知道管道的实际用途。基本上是一个pipe shouldn't像these kinds of complex operations. 管道应该处理一些基本操作，例如

• 将日期时间更改为区域设置
• 修剪字符串
• 根据条件等对数字进行排序，

最好的选择是使用Shared Component. 他可以使用它在组件之间传递事件。