Fatal编程技术网
  • angular/
  • Angular 为什么单击按钮时不调用组件函数

Angular 为什么单击按钮时不调用组件函数

angular typescript

Angular 为什么单击按钮时不调用组件函数,angular,typescript,Angular,Typescript,知道为什么console.log（'hey'） 我正在尝试显示/隐藏子组件如果单击我被单击 app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'my-app', templateUrl: './app.component.html' }) export class AppComponent { public flag = false; public hey() {

知道为什么
console.log（'hey'）

我正在尝试显示/隐藏
子组件
如果
单击我被单击

app.component.ts


import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html'
})
export class AppComponent {
  public flag = false;
  public hey() {
    console.log('hey');
    this.flag = true;
  }
}


app.component.html


<button (click)="hey">Click me!</button>
<div *ngIf="flag">
  <sub-component></sub-component>
</div>



点击我！


index.html


<body>
  <my-app>Loading...</my-app>
</body>




加载。。。

您需要调用一个方法


<button (click)="logThis('hey')">Click me!</button>
<div *ngIf="flag">
  <sub-component></sub-component>
</div>


问题是，
（点击）
是点击事件。你必须告诉他当事件触发时该怎么做。在本例中，我们调用
logThis（）

更新：

我没有看到您实际上声明了一个
hey（）
方法，只是忘记了
（）

我以为你是想直接传递一个字符串。我的错

无论如何，这对其他人可能有用！：D
点击我缺少括号。

logThis(msg) {
  console.log(msg);
}