Question

如何将ts组件包含在index.html文件中。我已经搜索了很长时间但没有任何用处可以建议帮助。

Answer 1

只需使用

bootstrap(MyComponent)

将组件添加到index.html。组件的选择器需要匹配index.html

中的标记

Answer 2

假设您正在构建angular 2应用程序并希望将组件添加到index.html文件。

使用组件装饰器创建一个类，并确保在装饰器中添加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>

bootstrap告诉angular如何加载组件，因为angular可用于开发本机移动应用程序和Web应用程序，您已使用bootstrap方法初始化特定平台的应用程序。

如何在index.html文件中包含ts组件

2 个答案: