angular-ngmodel

The behavior of the ngModelController parsing pipeline seems to have changed between Angular 1.2 and 1.3. I now always see a new validation key named 'parse' added to all $error objects, and whenever one of the parsers returns undefined, it overrides/replaces all other validation keys that may have been already set. For instance, here is a working example in Angular 1.2.23 - try entering a number out of range: http://jsfiddle.net/8doq0saf/5/ The same thing running under 1.3-rc gives a different result: http://jsfiddle.net/1t52s9b2/4/ I have not yet been able to find any documentation on this

I am new to AngularJS and I am having a problem that I am having trouble solving, there was a similar question on stackoverflow but it didn't seem to help me out. I basically have a form that gets updated by ng-click, but once once I enter text into any of the text boxes, those text boxes no longer update. This is my HTML Edit Course: <li ng-repeat="course in courses"> <p> <a ng-click="Edit_Course(course.id)">{{course.course_name}}</a> </p> </li> <div ng-show="showedit == 1"> <form novalidate ng-submit="edit_course()" class="simple-form"> <label for="form_course_name">Course</label> <input

I recently upgraded the angular version to 6-rc. I got following warning It looks like you're using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7 For more information on this, see our API docs here: https://angular.io/api/forms/FormControlName#use-with-ngmodel What does it say exactly? the link does not have any fragment for #use-with-ngmodel I guess I need to remove ngModel and use formGroup as my data binding object. If

I have an input field, where I want to apply the variant of ngChange . The input field is sort of binding with an ajax call, when user changes the input, the server side will process the data, however, I don't wanna make the call too often. Say the user wanna input a really string, I want the call be made only after user finishes the word he is about to type. Nevertheless, I don't wanna use event such as blur. What would be a better way to implement this, rather than setTimeout ? Use ng-model-options in Angular > 1.3 <input type="text" ng-model="vm.searchTerm" ng-change="vm.search(vm

I have an array of tranTypes (transaction types) that are loaded into a dropdown. After the user selects a value and navigates to another component upon returning the value is not selected in the dropdown. From other readings, I've learned this is b/c the objects are not the same instance. What do I do in this situation then? <select name="tranType" class="form-control" [(ngModel)]="model.tranType" required> <option *ngFor="let tranType of tranTypes" [ngValue]="tranType">{{tranType.desc}}</option> </select> Solution ngOnInit(): void { this.myService.getTranTypes() .subscribe(tranTypes => {

I've created the following example so you can see exactly what is happening: http://jsfiddle.net/8t2Ln/101/ The same thing happens if I use ng-options. I have a different reason for doing it this way, but for the simplification of the example left that part out. As you can see it has by default two options. I'm displaying the selected value of the ng-model next to the select so you can see what it is. When you use the top piece to add a third option it sets the value to the value of that new option as is evidenced by the displayed ng-model value next to the select, but the select itself doesn

I am using the bootstrap datetimepicker in angular 2 https://eonasdan.github.io/bootstrap-datetimepicker/ In my template i have: <div class='input-group date datepicker'> <input type='text' class="form-control" [(ngModel)]="date"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" (click)="getCalendar()"></span> </span> {{date}} </div> The problem is when I select a date on the calendar by click, it does not trigger any "change" event (in other words, ngModel is not fired). If i type in the text box, then the {{date}} shows me the value plus the text i typed. How can I