Angular - Nur Text in ng-content zulassen

Question

Ist es möglich, den Inhalt zwischen meinen ng-Content-Tags auf nur Text zu beschränken? Wie kann ich das machen?

Ich verstehe, ich kann einen typsicheren Eingabeparameter als Alternative verwenden, aber ich würde immer noch gerne wissen, ob dies möglich ist. Vielen Dank!

Answer 1

@Component({ 
    selector: 'foo', 
    template: ` 
    <div #wrapper> 
    <ng-content></ng-content> 
    </div> 
    ` 
}) 
export class FooComponent { 
    @ViewChild('wrapper') wrapper; 

    ngAfterContentInit() { 
    var nodes = this.wrapper.childNodes; 
    for (var i = 0; i < nodes.length; i++) { 
     if (nodes[i].nodeType != Node.TEXT_NODE) // or if (nodes[i].nodeType != 3) 
     throw 'Only text is supported as content 
    } 
    } 
} 

Siehe auch javascript check if child node is element or text node