【问题标题】:How to implement Angular4 like dynamic change of components on the screen in ionic3如何在 ionic 3 中实现 Angular 4,如屏幕上组件的动态变化
【发布时间】:2018-03-17 19:23:21
【问题描述】:
我正在尝试在 ionic 中实现动态组件更改,这是 angular 提供其路由功能的方式
例如在角度,
我有一个父组件 A,里面有一个组件 B 和 C,
现在我希望将组件 C 更改(路由)到组件 D 而不更改 B 并留在 A 本身。
在 ionic 中,我尝试使用 ionic navCtrl,但它会更改整个页面而不是单个组件。
这很容易通过使用将 C 交换为 D 的子路由器以角度方式完成,
但是我如何在 ionic 中复制相同的效果?
有什么建议吗?
【问题讨论】:
标签:
angular
ionic-framework
angular-ui-router
ionic3
【解决方案1】:
我认为在这种情况下你可以使用 *ngIf,
使用组件 A 中的选择器获取组件 B、组件 C 和组件 D。
现在使用 *ngIf 显示/隐藏任何组件。
例如:
组件-a.ts
<component-b></component-b>
<component-c *ngIf="somevalue"></component-c>
<component-d *ngIf="!somevalue"></component-d>