按钮上的Angular CLI功能单击

时间:2017-09-18 10:51:57

标签: angular function button

我试图在点击按钮后运行一个功能。 Down是我当前的代码,但它不起作用。这不是我的主要app.component,我试图在我的第二个标签中执行此操作。

附加profile.component.html

<button ng-click="myFunc()">Click</button>

附加profile.components.ts

export class AddProfileComponent implements OnInit {

  constructor() {
    this.showWindow();
  }

  myFunc():void{
    console.log("Works");
  }

  ngOnInit() {

  }
}

1 个答案:

答案 0 :(得分:2)

如果您使用的是角度2,则无法使用ng-click。使用(click)

<button (click)="myFunc()">Click</button>

此外,实施showWindow功能

export class AddProfileComponent implements OnInit {

  constructor() {
    this.showWindow();
  }
  showWindow(){
    // your code 
  }
  myFunc():void{
    console.log("Works");
  }

  ngOnInit() {

  }
}