IntelliJ IDEA & Typescript：重命名 EventEmitter 的奇怪行为

Question

我有一个 Angular2 项目（IntelliJ IDEA），我根据this 示例使用双向绑定：

child.component.ts：

  counterValue = 0;
  @Output() counterChange = new EventEmitter();

  @Input()
  get counter() {
    return this.counterValue;
  }

  set counter(val) {
    this.counterValue = val;
    this.counterChange.emit(this.counterValue);
  }

  decrement() {
    this.counter--;
  }

  increment() {
    this.counter++;
  }

child.component.html：

<button (click)="decrement()">-</button>
<span>{{counter}}</span>
<button (click)="increment()">+</button>

parent.component.html:

<child-component [(counter)]="co"></child-component>
co: {{co}}

parent.component.ts：

co = 4;

代码按预期工作 - 除非我更改一些变量名称（两种方式：使用重构以及手动 - 查找所有引用）。

我可以更改 counterValue 的名称（甚至通过整个代码更改变量类型），但只要重构 counterChange（据我所知，出现 2 次）或 counter(...)（4 in child.component.ts，child.component.html 中的 2，parent.html 中的 1）与父级的输出绑定停止工作。然而，子组件总是按预期工作；只是父组件的 co 变量不再更新。

我重启了 IntelliJ 和 npm，清除了 IntelliJ 和浏览器的缓存：没有帮助。

通过将名称改回示例中的名称，输出绑定再次起作用。

我现在的想法已经不多了，并且有一种忽略一些基本事物的可怕感觉......

Answer 1

你必须记住的一个条件是@output变量名总是输入一+“change”；

例如

@Input() newName: number;
@Output() newNameChange = new EventEmitter();