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的內(nèi)容需要在很多個地方都會用到,比如這種業(yè)務(wù)需求,那么傳統(tǒng)的做法就是需要的地方就復(fù)制一份相應(yīng)的html代碼就ok了,然后一天項目經(jīng)理說這個里面顯示的信息太簡陋了,需要豐富一下,然后蹭蹭的加入了五六個字段,嗯對于一二界面來說也還能接收,但是遇到十多個界面都需要變動,真心就費時費力了。

先說一下上面這段報錯信息,反正看了半天,也沒看懂,然后引起的原因是由于自定義的組件沒有導(dǎo)入到組件管理的控制器里面,然后界面就提前引入了該組件,就報錯了。

下面進入正文:
首先推薦兩個鏈接地址:
首推官網(wǎng):https://angular.cn/tutorial/toh-pt3
官網(wǎng)DEMO:https://stackblitz.com/angular/magooxnnjmb?file=src%2Fapp%2Fapp.module.ts
截圖標注重點:

dd.jpg

CSDN小處成就大事
https://blog.csdn.net/long328583644/article/details/74894005——缺引入和調(diào)用說明

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

其實通過上面三個鏈接,外加我的截圖標注,其實對于創(chuàng)建組件和引入組件基本算是講解清楚了。
下面需要解決的是傳值的兩種形式:父組件傳遞給子組件 和反之的情況。

接著上面寫道:

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容