2016-08-06 43 views

回答

2

只需使用

bootstrap(MyComponent) 

的組件添加到index.html。組件的選擇器需要與index.html中的標籤匹配

+0

Gunter,在這裏我的問題是我在index.html中有一些html標記,我想從外部ts文件使用綁定。 – MMR

+0

不支持在根組件上進行綁定。 –

+0

我們如何使用index.html中的共享服務 – MMR

1

假設您正在構建角度2應用程序並希望將組件添加到index.html文件。

使用組件裝飾器創建一個類,並確保在decorator中添加selector屬性和模板,並使用帶組件名稱的角色的核心引導方法引導應用程序。

main-component.ts 
    import { bootstrap } from '@angular/platform-browser-dynamic'; 
    import { Component } from "@angular/core" 

    @Component({ 
    selector: 'root', 
    template: <div>It works!</div> 
    }) 
    export class RootComponent{ 
    constructor(){} 
    } 

    bootstrap(RootComponent) 

index.html 

<body> 
<root></root> 
</body> 

引導告訴角度如何加載你的組件,因爲角可以用來開發本地移動應用和Web應用程序,您必須使用引導方法來初始化特定平臺上的應用。