Angular 2 data binding

Question

I am new to angular 2. I am trying to update a variable in my component from an input in my view. Not sure how to bind my input to the variable? Thanks

http://stackoverflow.com/questions/31623879/angular-2-two-way-binding-using-ng-model-is-not-working — jeff carey, Feb 16 '17 at 20:50
https://angular.io/docs/ts/latest/cookbook/component-communication.html — Günter Zöchbauer, Feb 16 '17 at 21:11

score 1 · Answer 1 · answered May 31 '17 at 20:19

I think the easiest way is to use ngModel

<input type="text" [(ngModel)]="yourVariable" />

Then in your component, you can make a the variable "yourVariable"

import { Component } from '@angular/core';

@Component({
  selector: 'my-cool-app',
  templateUrl: './something.html',
  styleUrls: ['./something.css']
})
export class TimeSliderComponent {
  private yourVariable: string;

  constructor() { }  
}

For more info, check out: https://angular.io/docs/ts/latest/api/forms/index/NgModel-directive.html

Angular 2 data binding

1 Answers1