javascript - 使用 Angular 触发内容可编辑

Question

我正在从事小型票务管理工作。有一个票证概述，每张票证都有一个进入“编辑模式”的选项。每当用户触发编辑模式时，我希望段落标签变得可内容编辑。但是， Angular 触发错误'contenteditable' is not aknown property of 'p'，所以我想知道是否有一些解决方法或者我做错了什么？

代码表示:

<mat-card>
    <mat-card-content>
        <p [contenteditable]="ticket.isEditMode">
            Some text
        </p>
    </mat-card-content>
    <mat-card-actions>
        <button mat-button (click)="ticket.isEditMode = !ticket.isEditMode">
            Edit
        </button>
    </mat-card-actions>
</mat-card>

Answer 1

您想要使用[attr.contenteditable]。您正在访问 p 标记上的 contenteditable 属性，而不是自定义 @Input 属性。

这是一个有效的 Stackblitz 示例:https://stackblitz.com/edit/angular-lhrdzh .