dev@1: import {
dev@1:   Component, OnInit, Input, Output, EventEmitter,
dev@3:   ViewEncapsulation, ViewChild, ElementRef
dev@1: } from '@angular/core';
dev@1: 
dev@1: @Component({
dev@1:   encapsulation: ViewEncapsulation.Emulated,
dev@1:   selector: 'app-simple-form',
dev@1:   template: `
dev@1:     <input #myInput type="text" 
dev@1:       [(ngModel)]="message"
dev@1:       [ngClass]="{mousedown: isMousedown}"
dev@1:       (mousedown)="isMousedown = true"
dev@1:       (mouseup)="isMousedown = false"
dev@1:       (mouseleave)="isMousedown = false"
dev@1:     />
dev@3:     <pre #testPre>Hi</pre>
dev@3:     <pre>{{testHi}}</pre>
dev@1:     <button (click)="update.emit({text:message})">Click me!</button>
dev@3:   
dev@3: `,
dev@3:   styleUrls: ['./simple-form.component.css']
dev@1: })
dev@1: export class SimpleFormComponent implements OnInit {
dev@1: 
dev@3:   @ViewChild('testPre') testPre: ElementRef;
dev@3:   testHi = 'Hi';
dev@3: 
dev@1:   isMousedown;
dev@1: 
dev@1:   @Input() message;
dev@1: 
dev@1:   @Output() update = new EventEmitter();
dev@1: 
dev@1:   constructor() {
dev@1:     // setInterval(() => this.message = Math.random().toString(), 1000);
dev@1:   }
dev@1: 
dev@1:   ngOnInit() {
dev@3:     this.testPre.nativeElement.innerHTML = Math.random().toString();
dev@1:   }
dev@1: 
dev@1: }