Angular 2 : Exception "No provider for t!" when creating a form

Question

<div id="my-form" class="form-inline">
  <div class="form-group">
    <input type="text" [(ngModel)]="name" ngControl="name" #n="ngForm" required>
    <div [hidden]="n.valid" class="alert alert-danger">
      Value is required
    </div>
  </div>
</div>

我收到以下关于 alpha.52 的(不太有用的)错误:

EXCEPTION: No provider for t! (t-> t)

Answer 1

Angular 在 NgForm 的 ngControl 名称下注册控件。通常，您不必显式添加 NgForm 指令，因为它会自动添加 - 如果您使用 <form>元素。但是你没有 <form>元素(就 Twitter Bootstrap 而言，BTW 是有效/良好的……但 Angular 不是那么多)。因此，要么更改外部 <div>至 <form> :

<form id="my-form" class="form-inline">

或者添加 NgForm 指令:

<div ngForm id="my-form" class="form-inline">