Merge pull request #112 from dkamburov/master

Set ng-classes when interacting with igEditors

Author: kdinev

src/igniteui.angular2.ts

@@ -782,13 +782,16 @@ export class IgEditorBase<Model> extends IgControlBase<Model> implements Control
 		super.ngOnInit();
 		if (this._model) {
 			jQuery(this._el).on(this._widgetName.toLowerCase() + "valuechanged", function (evt, ui) {
-				that._model.viewToModelUpdate(ui.newValue);
+				that.onChange(ui.newValue);
 			});
 			if (this._widgetName === "igTextEditor") {
 				jQuery(this._el).on(this._widgetName.toLowerCase() + "textchanged", function (evt, ui) {
-					that._model.viewToModelUpdate(ui.text);
+					that.onChange(ui.text);
 				});
 			}
+			jQuery(this._el).on(this._widgetName.toLowerCase() + "blur", function (evt, ui) {
+				that.onTouched();
+			});
 			//manually call writeValue, because the LifeCycle has been changed and writeValue is executed before ngOnInit
 			this.writeValue(this._model.value);
 		}

tests/unit/igeditors/editors.spec.ts

@@ -4,6 +4,8 @@ import {Component, ViewChild, TemplateRef} from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import * as Infragistics from '../../../src/igniteui.angular2';
 
+import {dispatchEvent} from '@angular/platform-browser/testing/browser_util';
+
 export function main() {
 	describe('Infragistics Angular2 TextEditor', () => {
 
@@ -54,8 +56,11 @@ export function main() {
 						window.typeInInput("2", field);
 						expect(fixture.debugElement.componentInstance.val).toBe("changed_test_value22");
 						field.val("changed_again_test_value").trigger("paste").trigger("blur");
+						dispatchEvent($(fixture.debugElement.nativeElement).find("#editor1")[0], "blur");
+						fixture.detectChanges();
 						setTimeout(() => {
 							expect(fixture.debugElement.componentInstance.val).toBe("changed_again_test_value");
+							expect($(fixture.debugElement.nativeElement).find("ig-text-editor").hasClass("ng-touched")).toBe(true);
 							done();
 						}, 100);
 					}, 1);
@@ -128,8 +133,11 @@ export function main() {
 					setTimeout(() => {
 						expect($(fixture.debugElement.nativeElement).find("#editor1").igNumericEditor("displayValue")).toBe("1");
 						$(fixture.debugElement.nativeElement).find("#editor1").trigger("focus").val(154).trigger("paste").trigger("blur");
+						dispatchEvent($(fixture.debugElement.nativeElement).find("#editor1")[0], "blur");
+						fixture.detectChanges();
 						setTimeout(() => {
 							expect(fixture.debugElement.componentInstance.val).toBe(154);
+							expect($(fixture.debugElement.nativeElement).find("ig-numeric-editor").hasClass("ng-touched")).toBe(true);
 							done();
 						}, 100);
 					}, 1);