HTML <details>标签应在ionic中为函数TypeScript打开其他details标签时关闭

时间:2018-12-07 05:13:39

标签: html angular typescript ionic-framework

这是我在打字稿文件中所拥有的。我正在做这种离子。

thisindex_1(elm){
  var nodes = elm.parentNode.childNodes, node;
  var i = 0, count = i;
  while( (node=nodes.item(i++)) && node!=elm )
    if( node.nodeType==1 ) count++;
  return count;
}

closeAll(index){
  var len = document.getElementsByTagName("details").length;

  for(var i=0; i<len; i++){
    if(i != index){
      document.getElementsByTagName("details")[i].removeAttribute("open");
    }
  }
}
<details (click) = closeAll(thisindex_1(this))>
  <summary>1</summary>Demo 1
</details>

<details (click) = closeAll(thisindex_1(this))>
  <summary>2</summary>Demo 2
</details>

<details (click) = closeAll(thisindex_1(this))>
  <summary>3</summary>Demo 3
</details>

使用离子(html,角度)的前端和打字稿来构建应用程序。

当其他细节标签在ionic中打开TypeScript函数时,HTML标签应关闭。

“给出此错误运行时错误。无法读取未定义的属性'childNodes'。”

它一直显示此错误。

0 个答案:

没有答案