@angular-eslint/no-input-rename ESLint 规则的要点是什么？

Question

重命名输入属性有什么问题？如果我有以下组件

@Component({
  selector: 'sc-heading',
  templateUrl: './sc-heading.component.html',
  styleUrls: ['./sc-heading.component.scss']
})
export class ScHeadingComponent {
  @Input()
  title: string;

  @Input()
  class: string;

  @Input('columns')
  set columnsSet(value: string | number) {
    if (typeof value === 'string') {
      this.columns = parseInt(value, 10);
    } else {
      this.columns = value;
    }
  }
  columns = 1;
}

覆盖列属性设置器以便它可以将字符串作为输入并解析它有什么问题？我刚刚切换到 angular-eslint，它有一个规则 @angular-eslint/no-input-rename ，这导致了这个错误。我在多个地方使用了这个，所以在我去禁用该规则之前，我想知道这种做法是否有什么问题。

Answer 1

正如Angular 的样式指南规则中所述：

同一属性的两个名称（一个私有，一个公共）本质上是令人困惑的......当指令名称也是输入属性并且指令名称不描述该属性时，您应该使用别名。