Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用角度可编辑的触发器_Javascript_Angular_Typescript_Contenteditable - Fatal编程技术网

Javascript 使用角度可编辑的触发器

Javascript 使用角度可编辑的触发器,javascript,angular,typescript,contenteditable,Javascript,Angular,Typescript,Contenteditable,我在搞一个小型的票务管理。有一个票证概览,每个票证都有一个进入“编辑模式”的选项。每当用户触发编辑模式时,我都希望段落标记变成contenteditable。但是,角度触发错误。“contenteditable”不是“p”的已知属性。,因此我想知道是否有一些旁白,或者我是否做错了什么 代码表示: <mat-card> <mat-card-content> <p [contenteditable]="ticket.isEditMode">

我在搞一个小型的票务管理。有一个票证概览,每个票证都有一个进入“编辑模式”的选项。每当用户触发编辑模式时,我都希望段落标记变成contenteditable。但是,角度触发错误。
“contenteditable”不是“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>


一些文本

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


下面是一个有效的Stackblitz示例:。

谢谢您的回答。将在3分钟内标记为正确。