angular - 监听模板变量的变化并显示到控制台

Question

我正在使用 Angular 7。我正在尝试检索模板组件的变量值的更改。事实上，我在我的 .ts 文件和模板文件中声明了一个布尔类型的变量，单击按钮后它的值会发生变化。我想在控制台上显示这个新值。请问我该怎么做。

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

标签： angular

Answer 1

在你的 ts 中创建一个函数：

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

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