2016-06-09 2 views
1

Ich muss als Namensauswahl (div) für meine Childcomponent Problem ist in meiner elterlichen Komponente Ich habe viele Tags (DIV) SO brauche ich einen Trick, um meine div (von childComponent) (weil ich einige Drag & Tropfen auf div tun müssen, wenn ich einen anderen Namen (Standard verwenden) kippe ich es verwenden)Angular 2 Verwenden Tag Div als Selektor für Komponente

@Component({ 
    selector: 'div', 
    template: `<div [innerHTML]="content"></div>`, 

}) 
export class ChildComponent { 
    @Input() content:string=''; 
    } 

und im Hinblick html meiner Eltern habe ich diese

<div [content]="value"> 

Antwort

0

Nicht sicher, ich verstehe die Frage, aber man konnte das content Attribut an den Wähler hinzu:

@Component({ 
    selector: 'div[content]', 
    template: `<div [innerHTML]="content"></div>`, 

}) 
export class ChildComponent { 
    @Input() content:string=''; 
} 

und dann verwenden, wie

<div [content]="value"> 

Plunker example

+0

Added ein Plunker –

+0

hätte ich natürlich viel von Tag div in meiner html Seite Ich muss das Tag div identifizieren, das ich von ChildComponent bringen, damit dieses div eine spezielle Anzeige haben wird ich brauche th e div von ChildComponent haben eine wysiwyg und andere div bleiben normal –

+0

Sorry, ich verstehe nicht den Punkt Ihres Kommentars. Die 'ChildComponent' wird nur auf Elemente mit dem Attribut 'content' angewendet. Was mit meiner vorgeschlagenen Lösung nicht wie erwartet funktioniert. Was ist das gewünschte Verhalten? –

Verwandte Themen