如何在 ionic 3 中实现 Angular 4,如组件在屏幕上的动态变化

How to implement Angular4 like dynamic change of components on the screen in ionic3

我正在尝试在 ionic 中实现动态组件更改,angular 提供其路由功能的方式 例如 angular, 我有一个父组件 A,里面有一个组件 B 和 C, 现在我希望将组件 C 更改(路由)到组件 D,而不更改 B 并留在 A 本身。

在 ionic 中,我尝试使用 ionic navCtrl,但它会更改整个页面,而不是单个组件。 这在 angular 中很容易完成,使用一个将 C 换成 D 的子路由器, 但我如何在离子中复制相同的效果? 有什么建议吗?

我想你可以在这种情况下使用 *ngIf, 使用组件 A 中的选择器获取组件 B、组件 C 和组件 D。

现在对 show/hide 任何组件使用 *ngIf。

例如:

component-a.ts

<component-b></component-b> <component-c *ngIf="somevalue"></component-c> <component-d *ngIf="!somevalue"></component-d>