angular2 如何自定义公共组件，以及如何引用，如何传值，如

'app-childen' is not a known element:
1. If 'app-childen' is an Angular component, then verify that it is part of this module.
2. If 'app-childen' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the 
'@NgModule.schemas' of this component to suppress this message. ("           <div class='drag drag-6'><img 
src="/assets/img/poster/03.jpg"></div>-->
            [ERROR ->]<app-childen ></app-childen>

由于有一个div的内容需要在很多个地方都会用到，比如这种业务需求，那么传统的做法就是需要的地方就复制一份相应的html代码就ok了，然后一天项目经理说这个里面显示的信息太简陋了，需要丰富一下，然后蹭蹭的加入了五六个字段，嗯对于一二界面来说也还能接收，但是遇到十多个界面都需要变动，真心就费时费力了。

先说一下上面这段报错信息，反正看了半天，也没看懂，然后引起的原因是由于自定义的组件没有导入到组件管理的控制器里面，然后界面就提前引入了该组件，就报错了。

下面进入正文：
首先推荐两个链接地址：
首推官网：https://angular.cn/tutorial/toh-pt3
官网DEMO：https://stackblitz.com/angular/magooxnnjmb?file=src%2Fapp%2Fapp.module.ts
截图标注重点：

dd.jpg

CSDN小处成就大事
：https://blog.csdn.net/long328583644/article/details/74894005——缺引入和调用说明

常银玲-Judy
https://blog.csdn.net/changyinling520/article/details/78261504

其实通过上面三个链接，外加我的截图标注，其实对于创建组件和引入组件基本算是讲解清楚了。
下面需要解决的是传值的两种形式：父组件传递给子组件 和反之的情况。

接着上面写道：