以下是一个示例解决方案,用于在Angular中隐藏不活跃的选择选项但仍然显示历史值:
HTML模板:
组件代码:
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
isActive(option: string): boolean {
// 判断选项是否为当前选择的选项或历史选项
return option === this.selectedOption || option === this.getPreviousSelectedOption();
}
getPreviousSelectedOption(): string {
// 返回上一个选择的选项
// 这里假设有一个名为previousSelectedOption的变量来存储上一个选择的选项
return this.previousSelectedOption;
}
在上面的示例中,我们使用了Angular的*ngFor指令来遍历选项数组,并为每个选项应用了一个隐藏属性。isActive()函数用于判断选项是否为当前选择的选项或历史选项。通过调用getPreviousSelectedOption()函数获取上一个选择的选项。
请注意,上述示例中的getPreviousSelectedOption()函数假设有一个名为previousSelectedOption的变量来存储上一个选择的选项。具体实现可能会根据你的需求有所不同。