Dynamic Ionic2动态更改视图

Dynamic Ionic2动态更改视图,dynamic,view,ionic-framework,angular,ionic2,Dynamic,View,Ionic Framework,Angular,Ionic2,我在页面上有一个切换按钮,一旦点击它,当前页面视图就会变成不同的html 我已经厌倦了更改@页面,但一旦加载,我似乎无法再次更改它 @Page({ templateUrl: isTrue ? 'build/pages/detail/page-by-page-view.html' : 'build/pages/detail/chapter-by-chapter-view.html' }) @Page()是一个注释。Angular2在加载组件时处理此操作(从技术上讲,它是@Page())。

我在页面上有一个切换按钮,一旦点击它,当前页面视图就会变成不同的html

我已经厌倦了更改
@页面
,但一旦加载,我似乎无法再次更改它

@Page({
    templateUrl: isTrue ? 'build/pages/detail/page-by-page-view.html' : 'build/pages/detail/chapter-by-chapter-view.html'
})
@Page()
是一个注释。Angular2在加载组件时处理此操作(从技术上讲,它是
@Page()
)。这不是区域更改检测的一部分,因此更改变量不会起作用。甚至在调用
applicationRef.tick()
之后也没有


一种解决方案是使用
*ngIf
指令合并模板文件您是否有将
*ngIf
与模板包括在一起的示例用法?将模板合并到一个文件中,第一个顶部元素是
逐页查看。html
*ngIf=“isTrue”
和另一个
*ngIf=“!isTrue”
@Basit或在单击按钮时找到重新加载页面的解决方案。这可能有用:):)是的,我一直在避免那个,因为按钮在设置页面上。但我想我会选择
*ngIf
。最好是动态更改模板。。而不是ngif。我仍然会等待其他人给出其他答案,如果没有,那么我会接受这个答案。