Angular 2第一个应用程序工作，第二个应用程序没有

Question

我尝试创建一个加载两个组件的angular2应用程序。 第一个名为 app 的组件运行正常。 但第二个组件没有（称为 app-second ）。

• index.html代码

  <h1>Demo of Angular 2 using ASP.NET 5 with Visual Studio 2015</h1>
  <app>Loading...</app>
  <br />
  <app-second>Loading...</app-second>
  

• app.ts code

      import {Component} from 'angular2/core';
  
      @Component({
              selector: 'app',
              template: 'My First Angular 2 App'
      })
  
      export class AppComponent {}
  

• app-second.ts代码

      import {Component} from 'angular2/core';
  
      @Component({
              selector: 'app-second',
              template: 'My First Angular 2 App'
      })
  
      export class AppSecondComponent{}
  

• 快照 ：

有人能告诉我这里的错误是什么吗？

感谢名单。

Answer 1

您需要引导两个组件

bootstrap(AppComponent, ...);
bootstrap(AppSecondComponent, ...);

Answer 2

你也需要引导你的第二个应用程序。

//Importing bootstrap to instantiate your app
import {bootstrap} from 'angular2/platform/browser'

//importing the components you need to load
import {AppComponent} from './app/app'
import {AppSecondComponent} from './app/app-second'

//instantiating the components
bootstrap(AppComponent);
bootstrap(AppSecondComponent);

希望这会有所帮助。