angular-ngmodel

When using the angular2 ngModel for two-way data binding: <input [(ngModel)]="heroName"> Is there a way to only update the model once a button is clicked? Or be able to cancel the changes that the user made to the input control? I am aware of the other approach where we can split the [(ngModel)] in its [] and () and only update the input on blur or when the Enter key is pressed etc - but this is not what I want. I need this behavious because, the user must be able to cancel the changes. Thanks You can do following for that, DEMO : http://plnkr.co/edit/OW61kGGcxV5MuRlY8VO4?p=preview {{heroName}

In AngularJS, is there any way to declare ng-model directly on the <form> element instead of having to do it on every single control/input of that form and then be able to access the values of the controls in the controller through their names? Specifically, if you have a form like this, <form> <input type="text" name="email"> <input type="text" name="age"> </form> typically, you'd do something like this, <form> <input type="text" ng-model="user.email"> <input type="text" ng-model="user.age"> <form> which then gives you access to the user object and its properties in the controller: $scope

HTML <input type="checkbox" id="1" [(ngModel)]="filter" (change)="onFilterChange($event)"> CheckBox <button (click)="filter = !filter">Change Status</button> TS export class HelloWorld { filter : false; onFilterChange() { console.log('filter change called'); } } When I directly click on the check box change event is triggered. But when I click on "Change Status" button checkbox status is changing but change event is not triggering. Can some one please let me know how to do this? Sajeetharan We have to achieve this functionality with event handler and not with 2 way binding <input type=

Update : question is obsolete for latest Angular version, see tsh's comment on this post I have bound a checkbox to a value: <input type="checkbox" ng-model="checkbox" ng-true-value="1" ng-false-value="0" /> The value of the checkbox is set to 1 in the controller: function Controller($scope) { $scope.checkbox = 1 } However, initially the checkbox does not appear checked. If I change the initial value of $scope.checkbox to "1" , it does. ( jsfiddle demo ) I have tried all kinds of variations: ng-true-value="{{1}}" ng-true-value="{{Number(1)}}" ng-true-value="{{parseInt('1')}}" None of them work

I'm new to angular2. I want to store user input from a text area in a variable in my component so I can apply some logic to this input. I tried ngModel but it doesn't work. My code for the textarea: <textarea cols="30" rows="4" [(ngModel)] = "str"></textarea> And inside my component: str: string; //some logic on str But I don't get any value in str inside my component. Is there an error with the way I'm using ngModule ? Arthur Qocharyan <pre> <input type="text" #titleInput> <button type="submit" (click) = 'addTodo(titleInput.value)'>Add</button> </pre> { addTodo(title:string) { console.log