现在需要试水使用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.