侦听模板变量的更改并将其显示在控制台中

Question

我正在使用angular7。我正在尝试检索模板组件的变量值的更改。确实，我在.ts文件和模板文件中声明了布尔类型的变量，单击按钮后其值发生了变化。我想在控制台上显示此新值。我该怎么办。

我尝试了双向绑定，但是我不能使用2个组件，而只能使用一个组件，所以我发现il可以与@Input和@Output一起使用，所以我认为这对我来说是不可能的。

Answer 1

在ts中创建一个函数：

changeValue(){
  myBool = !myBool;
  console.log(myBool);
}

在您的html中，将(click)="changeValue()"添加到您的按钮标记中。