按给定 id 禁用元素 - typescript angular

编程问答 2022-05-26

问题描述

我需要你的帮助。当一个评论列表作为 textareas 并且我想通过给定此元素 id 禁用单个元素（评论）时，这是可能的。 我有什么：

<div style="float: right">
    <button mat-button color="primary">
        <mat-icon class="md-24" (click)="edit()" >edit</mat-icon>
    </button>
     <textarea [disabled]='enableTextarea' class="comment-textarea" matInput cdkTextareaAutosize rows="2">{{comment.content}}</textarea>       
</div>

{{comment.content}} - 是评论的内容，它是我想要编辑的内容（这意味着启用）

export class CommentComponent implements OnInit {

enableTextarea = true;

edit() {
    this.enableTextarea = !this.enableTextarea;
  }

}

这里我有两个 id 为 1 和 2 的评论，他想要实现的目标是在单击编辑（右侧的铅笔）后禁用单个评论。在我的代码中，无论谁点击，所有评论都会被编辑。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angulardisabled-inputjavascripttypescripttypescript