2016-10-30 95 views
1

我對此很陌生,所以請原諒,如果我在這裏沒有明顯的東西。Angular 2 HTTP服務(Youtube API)

這裏是在Github上的項目,如果你想給它一個嘗試:https://git.io/vXtWp

無論如何,我有一個簡單的角度2服務調用的YouTube的API,它看起來像這樣:

enter image description here

然後,我有一個app.component.ts,看起來像這樣: enter image description here

和HTML文件:

enter image description here

我的應用程序不工作,雖然,它顯示爲裝載有以下錯誤:

Uncaught Error: Can't resolve all parameters for FormControl: (?, ?, ?). metadata_resolver.js:499 

這就是它看起來像在瀏覽器中: enter image description here

任何想法我做錯了?我花了2個小時,沒有運氣了搞清楚這個問題...

+1

請將代碼添加爲文本,而不是屏幕截圖。 –

+0

你有'FormControl'作爲構造函數參數嗎?你爲什麼要在'providers:[]'中列出它? –

+0

我已經添加了一個Github回購描述,如果有人想試一試。 – jjj

回答

2
<input [FormControl]="search"> 

應該

<input [formControl]="search"> 
     ^

這需要一個指令或組件,而不是的選擇或輸入名稱班級名稱。

FormControl應該從imports: [...]中刪除@NgModule()@NgModule()imports只有模塊不應該列在單獨的類別中。

沒有必要在providers中列出ReactiveFormsModule。將它添加到import就足夠了。

+0

我已經完成了你所說的,並且由於某種原因它仍然無法工作......這是Github上的項目,你能否看看? https://git.io/vXtWp – jjj

+0

爲什麼你將'FormControl'添加到'providers:'?除了'ReactiveFormsModule'''''''之外,您還可以嘗試添加'FormsModule'嗎? –

+0

從提供程序導入中移除FormControl。我添加了FormsModule進口...它仍然沒有做任何事情,錯誤... – jjj