Question

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

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

用户选择了其中一个按钮后，就会出现正确的表格。所以我考虑通过点击其中一个按钮在localStorage中设置一个值，然后使用*ngIf，检查哪个表单已激活并显示出来。但这是正确/最好的方式吗？你有任何其他的伎俩或技巧吗？

Answer 1

我将假设有3种不同的形式，每种形式都是它自己的组件？

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

try {
    double* d = (double*)items[0];
    // items[0] is an int, so this will throw a std::bad_cast
    std::cout << "d = " << *d << std::endl;
} catch (std::bad_cast& ex) {
    std::cout << ex.what() << std::endl;
}

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

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

或者您只需更改视图中的点击事件：

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

在您的视图中，您可以在表单上添加一些简单的<button (click)="fooFormVisible = true">Foo</button>指令

*ngIf

在localStorage中显示依赖于value的div - Angular 5

1 个答案: