app.component.ts

import { Component } from '@angular/core'

@Component({
  selector: 'app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
    </div>
  `,
})

export class AppComponent {
  name:string;
  
  constructor() {
    this.name = 'Angular2'
  }
}

app.module.ts

import { Component, NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { AppComponent } from './app.component'
import { OtherComponent } from './other.component'

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ AppComponent, OtherComponent ],
  bootstrap: [ AppComponent ]
})

export class AppModule {}

other.component.ts

import { Component } from '@angular/core'

@Component({
  moduleId: module.id,
  selector: 'others',
  template: `
    <div>
      <h2>Yada</h2>
      
      <div *ngFor="let item of items">
        <h2>{item.title}</h2>
      </div>
    </div>
  `
})

export class OtherComponent {
  items:array;
  
  constructor() {
    this.items = [
      {
        title: 'ABC'
      },
      {
        title: 'XYZ'
      }
    ];
  }
}