1

我需要弄清楚如何为组件提供不同的视图(html+css)。很多人说最好为每个视图有多个组件,然后使用服务进行交互,但我的情况如下:我有一个控制器,其视图基本上是一个布局。假设我的布局顶部有 3 个窗格,底部有一个窗格。现在我的视图中有按钮,可以将布局更改为顶部的两个窗格和底部的两个窗格。所以基本上我的数据没有改变。它只是对 html 和 css 的更改。此外,如果第一个布局填充了一些数据,我不想在更改布局时更改或重新初始化它,因为更改只是对布局的更改,而不是数据。

我很难弄清楚如何在 angular2 中实现这一点。有任何想法吗?

4

2 回答 2

2

所以你想添加 html 和 css 或者只是改变实际的模板?

如果您只想更改实际的 html ,我个人建议您使用状态而不是不同的视图。并根据状态移动 html。我自己也有同样的问题,我通过重新考虑布局解决了这个问题,最终找到了一个更简单的布局结构。

希望这可以帮助。享受编码。

于 2016-02-23T09:39:07.203 回答
0

您可以在一个模板中有两个视图,并通过设置平面在它们之间切换:

<div *ngIf="firstLayout">
  <!-- first layout -->
</div>
<div *ngIf="!firstLayout">
  <!-- first layout -->
</div>
于 2016-02-22T16:03:13.083 回答