您可以使用Angular中的管道和正则表达式来实现在HTML字符串中用输入字段替换特定字符串的功能。以下是一个示例代码：

首先，创建一个自定义管道，用于替换字符串中的特定字符串：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'replaceString'
})
export class ReplaceStringPipe implements PipeTransform {
  transform(value: string, oldValue: string, newValue: string): string {
    return value.replace(new RegExp(oldValue, 'g'), newValue);
  }
}

然后，在需要使用该管道的组件中，导入并声明该管道：

import { Component } from '@angular/core';
import { ReplaceStringPipe } from './replace-string.pipe';

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


    
  `,
  providers: [ReplaceStringPipe]
})
export class ExampleComponent {
  htmlString = 'This is the oldValue';
  inputValue = '';
}

在上面的示例中，我们使用了管道 replaceString 来替换字符串中的 oldValue 为输入字段 inputValue 的值。使用 [innerHTML] 属性将替换后的字符串绑定到 HTML 元素中。

请注意，由于这是将值作为 HTML 渲染的过程，可能存在安全风险。确保输入的字符串是安全的，或者通过使用Angular的Sanitizer来处理。

希望这可以帮助到您！