Html 角度8-显示/隐藏动态创建的<；部门>；基于此'；谁的身份证？

在Angular 8组件中，我动态创建

元素

因此，创建了x数量的

（基于输入数组）

每个

的最后一个

包含一个

和一个按钮

单击按钮时，此

需要在显示/隐藏之间切换

我可以同时显示/隐藏所有内容，但需要显示/隐藏单个内容

是否可以根据其id显示/隐藏动态创建的

我相信这样的办法应该行得通，但没有用

<ng-template let-scores pTemplate="listItem">
...
<tr>
    <div id='scores.modRef'>my div</div>
    <button (click)='showHide(scores.modRef)'></button>
</tr>

...
我的部门

showHide（modRef）{
//使用id==modRef隐藏
}

我尝试过许多不同的方法，但都不管用

感谢您的帮助

试试这段代码

<ng-template let-scores pTemplate="listItem">
...
<tr>
    <div [id]="scores.modRef" >my div</div>
    <button (click)='showHide(scores.modRef)'></button>
</tr>

...
我的部门

状态：boolean=false；
显示隐藏（modRef）{
//使用id==modRef隐藏
const nId=modRef.toString（）；
this.status=！this.status；
如果（此状态）{
document.getElementById（nId.style.display='none'；
}否则{
document.getElementById（nId.style.display='block'；
}
}

试试这段代码

<ng-template let-scores pTemplate="listItem">
...
<tr>
    <div [id]="scores.modRef" >my div</div>
    <button (click)='showHide(scores.modRef)'></button>
</tr>

...
我的部门

状态：boolean=false；
显示隐藏（modRef）{
//使用id==modRef隐藏
const nId=modRef.toString（）；
this.status=！this.status；
如果（此状态）{
document.getElementById（nId.style.display='none'；
}否则{
document.getElementById（nId.style.display='block'；
}
}

由于隐藏/显示可能最终会发送到后端，因此最好在分数中添加一个属性并将其称为“可见”，这样您就可以做到：

<ng-template let-scores pTemplate="listItem">
...
<tr>
    <div id='scores.modRef' *ngIf="scores.visible">my div</div>
    <button (click)='showHide(scores)'></button>
</tr>

---

由于隐藏/显示可能最终会发送到后端，因此最好在分数中添加一个属性并将其称为“可见”，这样您就可以做到：

<ng-template let-scores pTemplate="listItem">
...
<tr>
    <div id='scores.modRef' *ngIf="scores.visible">my div</div>
    <button (click)='showHide(scores)'></button>
</tr>

---

谢谢，但这会同时显示/隐藏所有div。我需要显示/隐藏一个具有编辑代码的分区。试试这个。它在我的案例中再次起作用，谢谢，但在尝试按id获取元素和所有div保持变化时会出错编辑的代码可以稍加修改以使其正常工作，但这不是设置elementsThanks可见性的角度方法，但这会同时显示/隐藏所有div。我需要显示/隐藏一个具有编辑代码的分区。试试这个。它在我的情况下仍然有效谢谢，但在尝试按id获取元素时会出错，并且所有div都会不断变化编辑后的代码可以稍微修改以使其正常工作，但这不是设置元素可见性的角度方法

showHide(scores) {
    scores.visible = !scores.visible;
}