Feature: project child to matched slot by selector

[trotyl]

Current

All children are projected to default slot.

Expected

<p>Start</p>
<ng-content select="p"></ng-content>
<p>Middle</p>
<ng-content select="div"></ng-content>
<p>End</p>

Can be used with:

function render() {
  return (
    <MyComp>
      <p>Foo</p>
      <p ngProjectAs="div">Bar</p>
    </MyComp>
  )
}

Note:

• Multiple children in same key will go to same slot with the original order;
• Non-keyed children will still go to default slot (if there is);