使用ngControl導致錯誤：沒有ControlContainer的提供程序

Question

我正在嘗試在我的應用中第一次使用ngControl：

<md-input placeholder="Amount" value="0" ngControl="ammount" required></md-input>

在我的組件中添加了以下內容：

import { FORM_PROVIDERS,FORM_DIRECTIVES } from '@angular/common';

..

directives: [MD_INPUT_DIRECTIVES,
    FORM_DIRECTIVES,
    ],
    providers: [FORM_PROVIDERS],

我收到此錯誤：

browser_adapter.ts:78 EXCEPTION: Error: Uncaught (in promise): Template parse errors:
No provider for ControlContainer ("

[ERROR ->]<md-input placeholder="Amount" value="0" ngControl="ammount" required></md-input>

我錯過了什么？

Answer 1

我認為你忘了將md-input組件包裝在form標簽中，否則ngControl將無法工作：

<form>
   ...
   <md-input placeholder="Amount" value="0" ngControl="ammount" required></md-input>
   ...
</form>

該指令只能用作NgForm或NgFormModel的子代。

Answer 2

要解決這個問題，您有兩個選擇：A.在main.ts中：

import {FORM_PROVIDERS} from 'angular2/common';

// other code here

bootstrap(AppCmp, [
  ROUTER_PROVIDERS,
  provide(LocationStrategy, { useClass: HashLocationStrategy }),
  FORM_PROVIDERS
]);

B.在使用表單的組件中：

import {FORM_PROVIDERS, FORM_DIRECTIVES} from 'angular2/common';
@Component({
  providers: [FORM_PROVIDERS],
  directives: [FORM_DIRECTIVES]
})

從github上的這些相同問題中獲取

• https://github.com/mgechev/angular2-seed/issues/399

• https://github.com/angular/angular/issues/6374

可以幫到你。