2016-10-30 162 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