角度2：在布线中使用模块中的组件

Question

在angular 2中，假设我有一条使用组件的路线：

{ path: 'new-project', component: BasicForm },

现在，如果我直接导入组件，这就可以了：

import { BasicForm } from './foo/basicForm.component';

但是我应该如何导入模块呢？

import { BasicForm } from './foo/basicForm.module';

这不起作用，因为BasicForm不是在模块文件中定义的，而是在组件文件中定义的。

以便组件加载模块的所有可用导入和声明？

根据@HristoKolev的建议，我在模块中添加了以下内容：

export { BasicForm } from './basicForm.component';

这允许路由从模块中查看基本表单组件。

但是，BasicForm组件似乎没有看到从NgMoules导入。特别是，BasicForm不能访问由组件模块定义的FormsMoules：

import { FormsModule } from '@angular/forms';
...
@NgModule({
  imports: [CommonModule, FormsModule],
  declarations: [BasicForm]
})

但在BasicForm模板中，错误是：

Can't bind to 'ngModel' since it isn't a known property of 'input

导致错误的模板行：

<input type="text" class="form-control" id="directory" placeholder="foo" [(ngModel)]="project.directory">

因此，angular在解析此模板时没有从FormsModule中找到ngModel指令。

Answer 1

在模块文件中添加导出*from'./basicForm.component'；