扩展Component实现模板切换
ionic2的模板,默认会被全部打包到www\build\main.js里,导致单文件过大。且无法实现按用户切换不同的模板。
默认Component装饰器写法
@Component(
{
    templateUrl: 'tabs.html'
})
- 扩展Component类 - export class BimComponent extends Component 
 {- tempURL?: string;- } 
- 写静态方法 - export class Plus { 
 public static BimComponent(component: BimComponent): Component- { let tempPath: string = "template/1gs/"; component.templateUrl = tempPath + component.tempURL; return component; }- } 
- Page里使用装饰器 - @Component(Plus.BimComponent( - { tempURL: 'tabs.html' })- ) 
- 建文件夹结构,放到www目录里

- 改变tempPath的值,界面会随之变换。 - let tempPath: string = "template/main/"; 
评论已关闭