Angular 显示localStorage中值的依赖项中的div-5

我在想解决这个问题的最好办法是什么。我的应用程序中有一个小的管理视图，现在已经过载了。所以我想显示三个按钮，让用户选择，他想做什么：

<button (click)=loadFooForm()>Foo</button>
<button (click)=loadBarForm()>Bar</button>
<button (click)=loadFooBarForm()>FooBar</button>

Foo
酒吧
福巴

---

在用户选择了其中一个按钮后，它们的正下方应该会出现正确的表单。因此，我考虑在

localStorage

中设置一个值，方法是单击其中一个按钮，然后使用

*ngIf

，检查哪个表单被激活并显示它。但这是正确的/最好的方法吗？你还有其他技巧吗？

我假设有3种不同的形式，每种形式都是它自己的组成部分

您可以在组件上放置一些基本的可见性属性，如下所示：

public fooFormVisible = false;
public barFormVisible = false;
public fooBarFormVisible = false;

每个方法都可以设置可见性

public loadFooForm() {
    this.fooFormVisible = true;
}

或者，您可以在视图中更改单击事件：

<button (click)="fooFormVisible = true">Foo</button>

---

谢谢你的回答，这对我帮助很大。如何在这三种形式之间添加过渡？你知道吗？@Sithys在动画过渡中扮演的角色？

<foo-Form *ngif="fooFormVisible" />