如何在ionic3中实现Angular4,就像在屏幕上动态更改组件一样

时间:2017-10-06 04:02:37

标签: angular ionic-framework angular-ui-router ionic3

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

在离子中我试图使用离子navCtrl,但它改变整个页面而不是单个组件。 这很容易在角度上使用子交换机进行交换,交换C代表D, 但我如何在离子中复制相同的效果? 有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我认为你可以在这种情况下使用* ngIf, 得到组件B,组件C&组件D使用组件A中的选择器。

现在使用* ngIf来显示/隐藏任何组件。

前:

  

组件a.ts

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