Angular - Autorise uniquement le texte dans ng-content

Question

Est-il possible de limiter le contenu entre mes balises ng-content au texte? Comment puis-je faire ceci? Je comprends que je peux utiliser un paramètre d'entrée de type sécurité comme alternative, mais j'aimerais quand même savoir si cela est possible. Merci!

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 
    } 
    } 
} 

Voir aussi javascript check if child node is element or text node