Forms Angular2：最新的简单表单示例？（2016年2月）

Q）有人能把这段代码扩展一下吗，这样我就可以开始工作了？

我试过一些不同形式的教程，它们都不同，似乎都不起作用。我不明白为什么

\u fb:FormBuilder

没有被加载/导致“意外令牌 以下是我的基本应用程序：

formExample.component.ts:

import {Component} from 'angular2/core';
import {OnInit} from 'angular2/core';


@Component({
  selector: 'form-example',
  template: `
    <h3>Form Example</h3>
    <form [ngFormModel]="testForm" (submit)="checkValues($event)">
      <input ngControl="name" type="text" placeholder="name">
      <button type="submit">Submit</button>
    </form>
  `
})


export class FormExampleComponent {

  constructor(private _fb: FormBuilder) {
    this.testForm = _fb.group({
      name: ["", Validators.required]
    });
  }

  ngOnInit() {

  }

  checkValues(event) {
    event.preventDefault();
    var name = this.testForm.value;
    alert(name);
  }

}

import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './app.component'
import {HTTP_PROVIDERS} from 'angular2/http';


bootstrap(AppComponent, [
  HTTP_PROVIDERS
]);

---

包括对FormBuilder和验证程序的引用：

import {FormBuilder, Validators} from 'angular2/common';

如果已包含对

Http

的引用，请确保包含脚本标记：

<script src="node_modules/angular2/bundles/http.dev.js"></script>

---

包括对FormBuilder和验证程序的参考：

import {FormBuilder, Validators} from 'angular2/common';

如果已包含对

Http

的引用，请确保包含脚本标记：

<script src="node_modules/angular2/bundles/http.dev.js"></script>

您试过了吗？是的，没有乐趣。我只想加载上面的示例，这样我就可以输入一个值，并在提交时查看警报。您尝试了吗？是，没有。我只想加载上面的示例，以便在提交时输入一个值并查看警报“Uncaught SyntaxError:意外标记通常是意外标记‘是的，这是错误：Uncaught SyntaxError:意外标记<评估错误加载，但我不明白：此页面没有执行任何HTTP请求。是否添加了脚本标记？”？好的，我知道了，还需要添加验证器并重新启动npm start命令在formExampleComponent中完成并获取“Uncaught SyntaxError:意外标记通常是意外标记‘是的，这是错误：Uncaught SyntaxError:意外标记<评估错误加载，但我不明白：此页面没有执行任何HTTP请求。是否添加了脚本标记？”？好的，我知道了，还需要添加验证器并重新启动npmstart命令