小编Ell*_*t08的帖子

Angular 4-使用元素的ID显示/隐藏DOM中的元素

我想在Id调用函数时显示一个特定的按钮(或将其附加到其父元素),但是我不知道如何访问组件类中的元素。

<div *ngFor="let item of items; let i = index;">

    <button [attr.id]="'undoBtn'+i" *ngIf="showBtn" class="editBtn" md-raised-button color="primary"> 
        <md-icon>undo</md-icon>Undo
    </button>

    <button (click)=showUndoBtn(i) md-raised-button color="primary">Test</button>
</div>
Run Code Online (Sandbox Code Playgroud)

组件类:

private showBtn = false;

showUndoBtn(btnId: number) {
    // show btn with id btnId in DOM
}
Run Code Online (Sandbox Code Playgroud)

撤消按钮必须在开始时是隐藏的,并且单击“测试”按钮时,它应该出现。我尝试使用*ngIf和,@ViewChild() 但不能用于具有不同ID的多个按钮。

javascript show-hide typescript angular2-template angular

4
推荐指数
1
解决办法
1万
查看次数