我正在尝试应用内部text/ng-template
脚本标记中的html。但它没有奏效。如何应用html
代码中的script
?
这是我的代码和html:
js part:
//our root app component
import {Component} from 'angular2/core'
@Component({
selector: 'my-app',
providers: [],
templateUrl: "template.html", //this is the id.
directives: []
})
export class App {
public title = "My Title";
private userName = "Test Name";
constructor() {
this.name = 'Angular2'
}
}
HTML部分:
<body>
<my-app>loading...</my-app>
//template declared
<script type="text/ng-template" id="template.html">
<h2>{{title}}</h2>
<div>
<h2>Hello {{name}}</h2>
<h2>{{userName}}</h2>
</div>
</script>
</body>
我收到错误:
无法加载template.html
使用它的正确方法是什么?