Angular 4 click event not calling method present in type script file

Question

I have html form (code given below). i am using angular 4. On clicking button its not calling typescript method present in "admin-form.component.ts" (code given below). Even it is not writing into console. Please help

Html Code : Filename- admin.html

<form>
     <div class="form-group row">
      <label for="fromDate" class="col-sm-2 form-col-label">From Date</label>
      <div class="col-sm-6"> 
      <input class="form-control" type="date" id="FromDate" name="fromdate"/>
      </div>
     </div>    
    <div class="form-group row">
       <button class="btn btn-primary col-sm-2" id="Save" type="submit" ng-click="insertSession()">Save</button>
     </div>
 </form>

Tyscript Code: File name-admin-form.component.ts

insertSession(){
  console.log('insertSession');
    this.dataService 
    .insertNewSession(this.newSession)
    .subscribe(
      data =>
      {
        this.newSession._id =data._id;
        this.sessions.push(this.newSession);
        this.newSession = SessionDetails.CreateDefault();

        console.log("Added user");

      }
    )
}

you might want to read docs on angular.io

Ajay
– Ajay

2018-01-08 06:31:50 +00:00
Commented Jan 8, 2018 at 6:31 — Ajay
– Ajay, Commented Jan 8, 2018 at 6:31

Utpaul · Accepted Answer · 2018-01-08 06:34:19Z

1

ng-click is AngularJs syntax and (click) for Angular syntax.

You need to replace following code :

(click)="insertSession()"

answered Jan 8, 2018 at 6:34

Utpaul

2,1172 gold badges13 silver badges27 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2018-01-08 06:27:20Z

0

ng-click is AngularJs syntax. you have to use click event in Angular 2

(click)="insertSession()"

answered Jan 8, 2018 at 6:27

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Collectives™ on Stack Overflow

Angular 4 click event not calling method present in type script file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related