无法绑定到属性，因为它不是组件的已知属性

Question

我在应用程序内部有两个文件夹：

app/
├─ shared/
├─ main/
...

每个都包含自己的模块文件。

我已经在主模块中导入了共享模块，以便可以在Main中使用共享组件：

我在Shared中有一个小吃店组件：

我想做的是从主文件夹组件之一中获取输入：

但是然后我得到一个错误：

我不确定我在哪里犯错。

谢谢。

Answer 1

SnackBar组件应在Shared模块中声明并导出。

@NgModule({
  // ...
  declarations: [ SnackBarComponent ],
  exports:      [ SnackBarComponent ],
  // ...
})
export class SharedModule { }

Shared模块应导入到Main模块中。 （ 角度 ）

@NgModule({
  // ...
  imports:      [ SharedModule ],
  // ...
})
export class MainModule { }

Answer 2

您需要将shared模块添加到main模块imports列表中。 仅在文件顶部将其引用为import是不够的。 参见Angular文档： https : //angular.io/guide/sharing-ngmodules

Answer 3

得到了答案！ 在共享模块文件中，我忘记将SnackBarComponent放在导出数组中：

感谢您的回答。