2015-11-23 56 views
2

我想用html文件替換我的代碼內模板。我該怎麼做?如何在Angular2中使用<html>模板?

Greeting.annotations = [ 
    new angular.ComponentAnnotation({ 
     selector: 'greeting' 
    }), 
    new angular.ViewAnnotation({ 
     template: '<h1>Hello!</h1>' 
    }) 
]; 

我想是這樣的

template: 'path/to/my/template.html' 

我用Angular2和ES5。

+4

'templateUrl:「路徑/要/我的/ template.html'' –

回答

6

由於ComponentAnnotation的一部分,還有一個屬性templateUrl你可以在一個HTML文件指向。

  • 模板 - 點,原始的HTML
  • templateUrl - 在URL包含HTML

這是一樣的角度1.x的指令定義對象

你可以找到點多有關組件屬性的信息here

備註 - 個文檔仍在進行中

-4

也許在你的模板,你可以參考另一個HTML文件,如:

<ng-include src="'templates/[new template file].html'"></ng-include> 
+1

這似乎是爲Angular 1而不是Angular 2。 – Harry

1

工作如角官員只要你能在ComponentAnnotationViewAnnotation使用TemplateUrl導入外部HTML文件以及太。此外,您可以選擇在同一ComponentAnnotationViewAnnotation中使用Template

更新:

@view已被棄用,因此只能提供HTML方式是使用@Component這樣

@component({ 
    .. 
    template: `<h1>This is inline template </h1>` 
    or 
    templateUrl : 'URL FOR your html page'; 
    .......... 
}) 
....