HTML详细元素信息2

您好，我想知道是否有任何方法可以发送有关关闭或打开详细信息的信息我的意思是： 我在$event中看不到任何关于细节的信息。

---

我在angular 2上工作。谢谢：

我编写了一个简单的组件，使用@ViewChild我们可以从模板中获取元素

然后我们可以访问其中的open属性。当用户单击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方法来获取细节元素的最终状态。

如何确保细节是否打开？你有任何类吗？这就是我不确定它是否被打开的问题，我想确定在类中设置变量在文件中你所说的打开细节是什么意思？你是说在打开时显示一个div吗？你能提供一些代码吗？你需要关于组件中的details元素的信息吗？谢谢，做得好，但我意识到IE和microsoft edge不支持，所以我将其更改为details样式的复选框：