העברת מידע מה-template

onClick(){
    console.log('Button Check');
}

<button (click)="onClick($event)"></button>

onClick(event: Event){
    console.log('Button Check', event);
}

<button (click)="propName = 'Some String'"></button>

<input #myInput type="text">
<button (click)="funcName(myInput.value)">Pass The value</button>

funcName(value){  

}

import { FormsModule } from '@angular/forms'

// In the import array:
imports: [
    …
    FormsModule
]

public name: string ='';

<input [(ngModel)]="name" type="text">{{ name }}

// Full list of Angular Events
(click)="myFunction()"      
(dblclick)="myFunction()"   
(submit)="myFunction()"
(blur)="myFunction()"  
(focus)="myFunction()" 
(scroll)="myFunction()"
(input)="myFunction()"
(keyup)="myFunction()"
(keydown)="myFunction()"
(mousedown)="myFunction()"
(drag)="myFunction()"
(drop)="myFunction()"

<input type="text" #iterName>
<button (click)="onAddItem($event); iterValue=iterName.value"></button>

<div class="form-group">
 <label for="exampleInputEmail1">User name</label>
 <input class="form-control" [(ngModel)]="name" 
    name="name" #nameCtrl="ngModel">
   <button class="btn btn-success" (click)="clickEvent($event, nameCtrl.value)">
        Submit
   </button>
</div>

....
export class AppComponent {
  name = '';

  clickEvent(event: Event, name: string) {
    console.log('Input name value: ' + name)
    console.log(event);
    debugger
  }
}

<div class="form-group">
  <label>Select favouritcountry</label>
  <select (change)="selectedCountry($event)" class="form-control">
    <option value="india" selected="selected">India</option>
    <option value="france">France</option>
    <option value="germany">Germany</option>
    <option value="canada">Canada</option>
  </select>
</div>

selectedCountry(event: any) {
  console.log(event.target.value);
}

<div class="container">
  <input (keyup)="onKeyUp($event)" />
  <p>Value of inputData : {{ inputData }}</p>
</div>

export class AppComponent {
  inputData: string = '';

  onKeyUp(event: any) {
    this.inputData = event.target.value;
  }
}