これらの生成されたクラスを使用するにはTypeScriptを使用しますか？

Question

私はこのコードを作成しました。タスクはsimpeです - 私は送信ボタンのクリックで入力値を取るしたいと思います。しかし、私はすべて得る：

onSubmit() not defined. 

どのようにするには？ オフィシャルチュートリアルの3つのtsファイル（app.module、main、app.component）の使い方は？私はそれらがいくつかのjsファイルを生成することを知っています。私はそれらを手動で含めてそのまま使用することができますが、なぜこれらの3つのファイルが必要ですか？

import { Component } from "@angular/core"; 
import {ShortCutService} from "./ShortCutService"; 
import {Http} from "@angular/http"; 

@Component({ 
    selector: "content", 
    template: ` 
      <div class="container"> 
       <a href="./user.html">User page</a> 
      </div> 
      <div class="container"> 
       <div> 
        <input id="uriInput" type="text"/> 
       </div> 
       <button onclick="onSubmit()">Submit</button> 
      </div>`, 
    providers:[ShortCutService] 
}) 
export class MainPageComponent 
{ 
    constructor(private _shortcutService: ShortCutService) { 

    } 
    onSubmit() { 
     alert("submit!"); 
    } 
} 

Answer 1

これは、角度でイベントを処理する方法ではありません。構文は

(click)="onSubmit()"