現在需要試水使用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
簡書