2017-09-20 21 views
4

あなたは角度4コンポーネントの継承と「拡張表示」

export class ChildComponent extends ParentComponent{} 

あなたはparentComponentにからのすべてのロジックを取得することができますのような角度でコンポーネントの継承を行うが、あなたは再び全体のhtmlを実装する必要があります。

は私のparentComponentのHTMLは、私は実装の子コンポーネントビューの並べ替えのみ「コンテンツ」divの親コンポーネント「を実装する」ことができる方法があります。この

<div class="card"> 
    <div class="header"></div> 
    <div class="content"></div> 
    <div class="footer"></div> 
</div> 

のように見えると言いますか?例えば

@Component({ 
    template:`<div class="content-of-child">...</div>` 
}) 
export class ChildComponent extends ParentComponent{} 

結果がNOで、あなたがそのように行うことはできませんが、何を行うことができますする3つのコンポーネントにあなたの親コンポーネントを分割してのみ延長され

<div class="card"> 
     <div class="header"></div> 
     <div class="content-of-child"></div> 
     <div class="footer"></div> 
    </div> 

答えて

0

になるように、 'content'コンポーネントしかし、もう一度、拡張コンポーネントを挿入する新しい親コンポーネントを作成する必要があります。

+0

周囲に道はありませんか?上記の例は単純化されており、私はその "content" divの周りの広範なビューロジックを持っています –

+0

私は理解していますが、あなたはこの問題に従うことができませんhttps://github.com/angular/angular/issues/11144 – alexKhymenko

+0

そして私はそれを知っています – alexKhymenko

関連する問題