如何在angular2中定义`text / ng-template`源的模板?

时间:2016-01-03 11:58:43

标签: angular2-template

我正在尝试应用内部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

使用它的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

不幸的是,Angular 2中没有,也不会支持这个:\ https://github.com/angular/angular/issues/6126