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()"