HTML詳細要素情報angular 2

Question

こんにちは私は、その詳細が閉鎖されているか開かれているという情報を送信する方法があるのだろうかというと、私は平均を意味する： <details (click)="changeWrap($event)"> 詳細については情報が表示されません。 私は角度2で動作します。ありがとう:)

Answer 1

私は単純なコンポーネントを使用して、を使用して@ViewChild我々はテンプレートから要素を得ることができます。

オープン属性にアクセスできます。ユーザーがdetails要素をクリックしたとき。

import { Component, ViewChild }   from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <details (click)='detailsClicked()' #detailsElement> 
     <summary>Copyright 1999-2014.</summary> 
     <p> - by Refsnes Data. All Rights Reserved.</p> 
     <p>All content and graphics on this web site are the property of the company Refsnes Data.</p> 
    </details> 
    ` 
}) 
export class AppComponent { 
    title = 'Tour of Heroes'; 
    @ViewChild('detailsElement') detailsElement; 

    detailsClicked() { 
    setTimeout(() => { 
     console.log(this.detailsElement.nativeElement.open) 
    }, 0); 
    } 

} 

詳細要素の最終状態を取得するには、setTimeout（）メソッドを使用します。