2017-04-05 6 views
2

ng-contentタグ間の内容をテキストに限定することはできますか?これどうやってするの?角度 - ng-content内のテキストのみを許可する

代替としてタイプセーフな入力パラメータを使用できることを理解していますが、これが可能かどうかはまだ分かりません。ありがとう!

+0

あなただけの入力プロパティを使用して対これを行うにはしたくないのはなぜ? – adharris

+0

個人的な好みは主に、私は使いやすく/読むことがより容易であると感じます。私は必要に応じて入力を使用しますが、私は好奇心が強いです... –

答えて

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

も参照してくださいjavascript check if child node is element or text node

+0

解決に感謝します。私はそれが直接サポートされていることを期待していましたが、このアプローチを見て参考にしてください。 –

+0

現在はないと確信しています。これを聞いてうれしいのはあなたのために働く。 –

関連する問題