Minor changes

Author: vadimkorr

src/app/custom-controls/components/input/input.component.spec.ts

@@ -18,7 +18,7 @@ export class CustomInputTestComponent {
 fdescribe('InputComponent', () => {
   let fixture: ComponentFixture<CustomInputTestComponent>;
   let component: CustomInputTestComponent;
-  let inputElement: HTMLElement;
+  let inputElement: any;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({

src/app/custom-controls/components/input/input.component.ts

@@ -31,10 +31,9 @@ export class InputComponent implements ControlValueAccessor {
   @Input() type: string = 'text';
   @Input() id: string;
   @Input() placeholder: string = '';
-  @Input() showValidationResult: boolean = false;
 
   @ViewChild('inputControl') private _inputControl: ElementRef;
-  getInputControl(): ElementRef {
+  get inputControl(): ElementRef {
     return this._inputControl;
   }
   private _onChange = (_: any) => {};

src/app/custom-controls/components/labeled-input/labeled-input.component.ts

@@ -50,13 +50,13 @@ export class LabeledInputComponent implements
 
   ngOnInit() {
     const self = this;
-    this._input.getInputControl().nativeElement.addEventListener('change', function(event) {
+    this._input.inputControl.nativeElement.addEventListener('change', function(event) {
       self._onChange(this.value);
     });
-    this._input.getInputControl().nativeElement.addEventListener('keyup', function(event) {
+    this._input.inputControl.nativeElement.addEventListener('keyup', function(event) {
       self._onChange(this.value);
     });
-    this._input.getInputControl().nativeElement.addEventListener('blur', function(event) {
+    this._input.inputControl.nativeElement.addEventListener('blur', function(event) {
       self._onTouched();
     });
   }

src/app/example-template-driven-forms/components/playground-template-driven-forms/playground-template-driven-forms.component.html

@@ -12,8 +12,7 @@ <h4>Template-driven Form (ngModel)</h4>
     [(ngModel)]="entity.field1"
     [type]="'text'"
     [id]="'field1'"
-    [placeholder]="'Enter field1'"
-    [showValidationResult]="false"></custom-input>
+    [placeholder]="'Enter field1'"></custom-input>
 
   <span>
     <strong>control:</strong> custom-labeled-input;