在bootstrapping組件中定義的選擇器標籤是否必須在index.html中使用？

Question

我已經創建了一個基本的Angular 2應用程序。在app.module.ts中，引導程序組件位於app.component.ts，作爲選擇器標記<app>。
當我使用其他任何標記，而不是<app>，控制檯窗口中提供了一個錯誤 -

的選擇「應用程序」沒有匹配任何元素。

是否必須在index.html文件中使用bootstrap組件中提及的選擇器標籤？

Answer 1

是

這就是自舉元件選擇檢查app.component.ts selector: 'app'

那選擇就是Angular2自舉也。

app.component.ts

@Component({ 
    selector: 'app-name', 
    templateUrl: './app.component.html' 
}) 
export class AppComponent { 
} 

app.module.ts

@NgModule({ 
    declarations: [ 
    AppComponent, 
    ], 
    imports: [ 
    BrowserModule, 
    ], 
    exports: [ 
    ], 
    providers: [ 
    ], 
    entryComponents: [ 
    ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

的index.html

<app-name></app-name> 

它必須選擇對引導工作相匹配。