Angular CLI Function on Button click

Question

I'm trying to run a function once clicking a button. Down is my current code but it doesn't work. This is not my main app.component, I'm trying to do this in my second tab.

add-profile.component.html

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

add-profile.components.ts

export class AddProfileComponent implements OnInit {

  constructor() {
    this.showWindow();
  }

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

  ngOnInit() {

  }
}

Sachila Ranawaka · Accepted Answer · 2017-09-18 10:53:09Z

2

If you are using angular 2, you can't use ng-click. use (click)

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

Also, implement the showWindow function

export class AddProfileComponent implements OnInit {

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

  ngOnInit() {

  }
}

answered Sep 18, 2017 at 10:53

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amar Over a year ago

Thanks this worked! Does this reffer to all the existing ng commands? or just this one (when using Angular 2 (I'm using angular CLI)).

Sachila Ranawaka Over a year ago

Angular 2 is different from angular 1 implementation. you have to go through the documentation properly. And yes its different

Collectives™ on Stack Overflow

Angular CLI Function on Button click

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related