Angular2: replace host element with component's template

Question

I\'m new to angular in general and to angular2 specifically. I\'m trying to write a container component, which should have child components in it.

Answer 1

This you should get what you want:

@Component({
  selector: 'ul[my-list]',
  template: `
    
  `
})
export class MyList {
}

@Component({
  selector: 'li[my-item]',
  template: `
    
  `
})
export class MyItem {
...
}

    
One
    
Two