ts文件中的函数答案

【问题标题】：Function inside a ts filets文件中的函数
【发布时间】：2019-06-23 05:02:12
【问题描述】：

我正在尝试获得一个功能，通过单击按钮将字符串记录到控制台。我在使用 Angular 时在打字稿文件中编写函数。我一直收到一个错误，提示该函数尚未定义，但我不知道哪里出错了

ngOnInit() {
  function myFunction(){
      console.log('button has been clicked');
}

resume:1 Uncaught ReferenceError: myFunction is not defined
    at HTMLButtonElement.onclick

【问题讨论】：

标签： angular

【解决方案1】：

好的，试试这个：

ngOnInit() {
this.myFunction();
} 
myFunction(){
  console.log('button has been clicked');
}

ngOnInit() 是通过 Angular 创建组件时调用的方法，但您似乎无法在其中创建方法。

【讨论】：

【解决方案2】：

发生这种情况是因为 Angular 在所需范围内找不到按钮单击功能。你应该像这样分开你的功能。然后将按钮的点击事件绑定到函数。

在你的 Typescript 文件中

ngOnInit(){

}

myFunction(){
  console.log('button has been clicked');
}

在您的 html 模板文件中

<button (click)="myFunction()">Button</button>

【讨论】：