Angular 如何使用插值更改角度6中的变量？

我一直在尝试使用插值将5更改为6，但没有任何效果：(

component.html

{{x}}

<div>
  wtf{{x.changeX}}
</div>

{{x}}

{{x}
wtf{{x.changeX}
{{x}

这不是它的工作方式。你必须以某种方式调用

changeX

。但你只能在有任何DOM事件的情况下这样做。因此，我将

changeX

作为

单击事件处理程序添加到
div
中。每当单击
div
时，
x
将递增

{{x}}

<div (click)="changeX()">
  wtf
</div>

{{x}}

{{x}
世界跆拳道联盟
{{x}

这里有一个答案。
这对我来说很有用：

在组件中：

  @Output()
  private x = 5;

  public incX() {
    this.x++;
  }

在模板中：

{{x}}
<div>
  wtf{{incX()}}
</div>
{{x}}

{{x}
wtf{{incX（）}}
{{x}
我以为这就是{{x.changeX}但它不工作。这不是它的工作方式。你必须以某种方式调用<代码> CuxEX < /C>。但是，只有当DOM事件发生时，你才能做到这一点。所以我把AxEX添加到div的点击事件处理程序中。每当DIV被点击时，<代码> x < /代码>将增加。请不要在这里使用粗鲁/辱骂的语言。考虑删除评论AB。爱，因为它看了，所以它的使用条款。@Siddharth-只是好奇-他的评论有什么不礼貌的地方？他只是分享说它对他不起作用？它被删除了，因为我说我不喜欢人们无缘无故地投反对票。@DeianCan你能准确地解释你想在这里看到的行为吗？我不清楚你想做什么。好的，我同意这有点可笑-似乎NG多次调用模板，我的计数器比我预期的多了一个，但是函数调用使用括号{{incX（）}。你试过了吗-我对它如何为你工作感兴趣？你使用的是NG的哪个版本？
{{x}}
<div>
  wtf{{incX()}}
</div>
{{x}}