Angular 2 More than one component on same page

Question

I am working from the Angular 2 quick start code on app.component.ts file.

The file looks like this:

import {Component} from \'angular2/core\';

@Com         


        

Answer 1

You can't have a component with two component decorators (@Component). You need to create two different classes for this:

@Component({
    selector: 'app',
    template: `
Title Here
`
})
export class AppComponent { }

@Component({
    selector: 'appTwo',
    template: `
Another Title Here
`
})
export class AppComponent1 { }

Then you can use the approach from the Gunter's answer...