TypeScript関数に渡されるInputフィールドの型は何ですか？

Question

Clickイベントでinput要素が関数に渡されるAngular 2チュートリアルに従っています。

チュートリアルには、このシグネチャaddTodo(event, todoText){ }を持つaddTodo関数があります。このコードは、パラメータ 'todoText'の警告をスローアップしています。暗黙の 'any'型です。

例アンギュラ2 HTML

<div class="add-todo-form text-center"> 
    <h1>Add ToDo</h1> 
    <div class="form-group"> 
    <input class="form-control input-lg" placeholder="Add Todo.." autofocus #todoText> 
    <br> 
    <button (click)="addTodo($event, todoText)" class="btn btn-primary btn-block">Create</button> 
    </div> 
</div> 

例活字体

form input control

を表し活字体オブジェクト私はanyの代わりに使用することができるということがある場合、私は疑問に思って

addTodo(event: any, todoText: any){ console.log('xxxxxxxxxxx'); var result: any; var newTodo = { text: todoText, isCompleted: false }; result = this._todoService.saveTodo(newTodo); result.subscribe((x: any)=> { this.todos.push(newTodo); todoText.value = ''; }) } 

Answer 1

@Gunterによって答えは接戦だったと、私はHTMLElementを拡張したHTMLInputElementを見つけることlib.es6.d.tsにドリルダウンすることができた、私が何を望むかに私を導く助けました

Answer 2

これがコンポーネントの場合またはディレクティブは、コンポーネントまたはディレクティブのインスタンスは、他の方法で、渡されHTMLElement