[AngularJS] angular2 - two way data binding - how to

[Martin Kuhn]

I'm curious about two way databinding in Angular2.

I played around with the quickstart project and would like to know how to 
get a value from an UI-element back to the model:

In the source example I used the change event and a manually update of the 
model. 

But this may not be the right way, or???

Here the example:

 import {Component, Template, bootstrap} from 'angular2/angular2';


@Component({
    selector: 'my-app'
})

@Template({
    inline:
        '<h1>Hello {{ name }}</h1><br/>' +
        '<button (click)="changeValue()">Change</button>' +
        '<input #input type="text" name="user" [value]="name" 
(change)="update($event)">'
})

// Component controller
class MyAppComponent {
    constructor() {
        this.name = 'Alice';
    }

    changeValue() {
        this.name='Peter';
    }

    update(e) {
        console.log('update',e.srcElement.value);
        this.name=e.srcElement.value;
    }
}


bootstrap(MyAppComponent);

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.