在Angular中，可以使用管道（pipe）来重命名HTML属性。

首先，创建一个自定义的管道，用于重命名属性。可以使用Angular的CLI命令来生成一个新的管道：

ng generate pipe renameProperty

然后，在生成的rename-property.pipe.ts文件中，实现管道的转换逻辑。以下是一个示例：

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

@Pipe({
  name: 'renameProperty'
})
export class RenamePropertyPipe implements PipeTransform {
  transform(value: any, propertyName: string, newPropertyName: string): any {
    if (!value || !propertyName || !newPropertyName) {
      return value;
    }

    // 创建一个新的对象，复制原始对象的属性
    const newValue = { ...value };
    newValue[newPropertyName] = newValue[propertyName];
    delete newValue[propertyName];

    return newValue;
  }
}

接下来，在使用管道的组件中，将该管道添加到pipes数组中，以便在模板中使用。例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
{{ data | renameProperty: 'oldName': 'newName' }}
  `,
  pipes: [RenamePropertyPipe]
})
export class ExampleComponent {
  data = {
    oldName: 'value'
  };
}

在上述示例中，data对象的oldName属性将被重命名为newName，并在模板中显示新的属性值。

请注意，这只是一个示例，实际使用时需要根据具体的需求进行适当的修改。