Angular根据多种情况有条件地显示消息

Question

我遇到一个问题，无法根据多种情况找到显示消息的最佳方法。

我在名为to_string的文件中有一个类似这样的对象：

messages.ts

我有一个函数，可以像这样返回一个数组或所需数据：

export const VALIDATION_MESSAGES = { // Around 15 messages
 message1: 'message1',
 message2: 'message2',
 message3: 'message3',
 message4: 'message4',
 ...
}

我大约有10个组合，每个组合都关联到我的// Example 1 [ 'EM', 'PL' ] // Example 2 [ 'AP', 'PL', 'EMP' ] 中的一条消息，例如messages.ts与message2相关，等等...

在['EM', 'PL']上，我调用一个函数来控制消息的显示并将其分配给组件的ngOnInit。

但是我找不到以简洁的现代javascript /打字稿方式实现该功能的最佳方法。

预先感谢

Answer 1

您可以创建一个自定义管道并将其传递给该管道，并根据您的条件从transform方法返回消息