Angular2 - Wie wird die Durchsetzung von Nur-Kind-Komponenten durchgeführt?

Question

In Angular2 nehme ich an, dass ich zwei Komponenten habe, eine Liste und ein Listenelement. Ich möchte, dass Listenelement NUR in einer Liste platzierbar ist:

<my-list> 
    <my-list-item>Foo</my-list-item> 
</my-list> 

Gibt es eine Möglichkeit, dies im TypeScript zu erzwingen?

Answer 1

In Ihrem my-list-item Komponente tun dies

und my-list-item nicht machen, wenn es my-list

import {Component, ElementRef} from 'angular2/core'; 

@Component({ 
    selector: 'my-list-item', 
    template: '<div *ngIf="insideMyList"> <ng-content></ng-content> </div>' 
}) 
export class MyListItem{ 
    public insideMyList: boolean = false; 

    constructor(elementRef: ElementRef) { 
    if(elementRef['internalElement'].parent.nativeElement.localName == 'my-list') 
    { 
     //do other stuff here 
     this.insideMyList = true; 
    } 
    } 
}