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

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

1 个答案: