angular2中如何在组件中不使用template 或者其url

现在需要试水使用angular2开发某些php开源程序的主题，但是页面是php文件服务器渲染生产的，类似结构header.tpl+XXX+footer.tpl。
类似结合php的自有模板文件，laravel,wordpress,opencart之类的
官网教程看了半天，用ng2好像都是单页应用，组件和视图是要一起定义的，视图需要写到template或者templateurl，这就难办了，几十个tpl都是动态组合的，我该怎么写？

比如我有以下两个文件

app.component.ts

@Component({
    selector: 'my-app',
})

export class AppComponent {
    public title = 'Tour of Heroes';
}

index.tpl


<my-app>This is my page's {{ title }}</my-app>

想使用angular1版本一样，视图和控制器分在两个文件。
在html上加个my-app，然后在其余标签上加上ng-controller=“XXX”
js写控制器，能正确在tpl上显示出title值

但是angular2却报错
Error: Component 'AppComponent' must have either 'template', 'templateUrl', or '@View' set.

经过坚持不懈的查找，找到如下有意义的参考
github
简书