angular - 如何显示 * 而不是数字？

Question

我想在我的 UI 中转换后端的输出。

例如，当我123456从后端接收时，它应该在 UI 中显示为***456或。1234*234

是否有可用的内置管道，或者我必须编写自定义过滤器？

标签： angular

Answer 1

我没有看到仅掩盖用户所见内容的意义，除非它仅用于视觉目的。如果出于安全原因想要这样做，则需要从后端进行转换。

但是，您正在寻找的是掩盖该输出。最好和最干净的方法是使用Angular Pipes。管道基本上转换它接收到的数据而不改变它的值，只改变它的外观。你可以看看我在网上找到的这个StackBlitz Example，它非常适合你的目的。

但是请记住，如果您出于安全目的这样做，那么仅掩盖用户看到的内容是没有意义的。仍然可以从您的 API 返回的内容中访问数据。