TypeScript如何使用那些生成的類？

Question

我創建了這段代碼。 任務很簡單 - 我想在提交按鈕點擊時獲取輸入值。 但是，我得到的只是：

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