首页 > 解决方案 > 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 方式执行该功能的最佳方法。

预先感谢

标签: javascriptarraysangulartypescript

解决方案


您可以创建一个自定义管道并将数组传递给它,并根据您的条件从变换方法返回消息


推荐阅读