javascript - Angular 根据多种情况有条件地显示消息
问题描述
我在寻找基于多个条件显示消息的最佳方式时遇到问题。
我在一个名为的文件中有一个这样的对象messages.ts
:
export const VALIDATION_MESSAGES = { // Around 15 messages
message1: 'message1',
message2: 'message2',
message3: 'message3',
message4: 'message4',
...
}
我有一个函数可以返回一个数组或所需的数据,如下所示:
// Example 1
[
'EM',
'PL'
]
// Example 2
[
'AP',
'PL',
'EMP'
]
我有大约 10 个组合,每个组合都与 my 中的一条消息相关messages.ts
,例如['EM', 'PL']
与 message2 相关,等等......
在ngOnInit
我调用一个函数来控制要显示的消息并将其分配给this.message
我的组件。
但是我找不到以干净的现代 javascript/typescript 方式执行该功能的最佳方法。
预先感谢
解决方案
您可以创建一个自定义管道并将数组传递给它,并根据您的条件从变换方法返回消息