在Angular中使用contenteditable属性可以实现可编辑的HTML元素。下面是一个示例：

首先，创建一个新的Angular组件，例如EditableComponent：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-editable',
  template: `
    

      {{ content }}
    
    Save
  `
})
export class EditableComponent {
  content: string = 'Editable content';
  @ViewChild('editableDiv') editableDiv: ElementRef;

  saveContent() {
    this.content = this.editableDiv.nativeElement.innerText;
    // 这里可以将内容保存到服务器或进行其他操作
  }
}

在这个示例中，我们创建了一个包含一个可编辑的div和一个保存按钮的组件。当用户点击保存按钮时，我们将div的innerText赋值给content变量，并可以执行其他操作。

要在应用中使用这个组件，可以在另一个组件的模板中添加以下代码：

这样就可以在应用中显示可编辑的div，并且可以通过点击保存按钮来保存内容。

请注意，contenteditable属性可能会导致一些安全问题，因为它允许用户插入任意HTML代码。为了避免这些问题，你可以对用户输入进行验证和过滤。