Winkel 2 Richtlinie mit Bootstrap

Question

Ich versuche, eine einfache Liste Gruppe in Winkeln 2 unter Verwendung von Bootstrap zu machen, stelle ich innerhalb item.component.ts und die ul innen list.components.ts aber ich kann nicht herauszufinden, wie die Komponente Richtlinie in Winkel 2.

//list.component.ts 
<ul class="list-group"> 
    <my-list *ngFor....> //how to remove this from the view 
    //item.component.ts 
    <li class="list-group-item">Cras justo odio</li> 
    <li class="list-group-item">Dapibus ac facilisis in</li> 
    etc. 
    </my-list> 
</ul> 

entfernen ich möchte nicht NG2-Bootstrap verwenden, und solange Richtlinie im Browser gerendert wird, meine Liste Gruppe funktioniert nicht richtig!

Ich schaute in den vorherigen Fragen, aber konnte keine guten Antworten finden, wie man das funktioniert? Wie Leute dieses Problem lösen, ich weiß, dass angular1 ersetzen musste: true, um diese Probleme zu behandeln, aber nicht mehr in angular2.

1. Sollte ich hinzufügen, "css" auf meinem my-Liste so verhalten sie wie li und übergeben es um div statt? Aber dann muss ich das mit jeder Bootstrap-Komponente machen, die ich benutzen muss!

2. Soll ich aufhören mit item.component.ts und halten alles in den list.component.ts dieses Problem zu beheben?

Answer 1

Es gibt keine Unterstützung in Angular2 für die replace: true Funktion wie in Angular 1.

Sie ein Attribut in der Auswahl nutzen könnte die Komponente zu befestigen:

@Component({ 
    selector: '[my-component]' 
    (...) 
}) 

und verwenden Sie es auf diese Weise:

<div my-component> 
    <tr>...</tr> 
</div>