一、準(zhǔn)備工作 Angular7(以下簡稱ng7),已經(jīng)跟之前版本大有不同。新建工程后,可方便創(chuàng)建library(簡稱lib),lib是什么呢?就...
1、使用創(chuàng)建組件工廠的方式 普遍寫法 創(chuàng)建組件工廠 viewContainer創(chuàng)建組件 2、ng-container的方式直接引入(這個(gè)...
首先 npm install的時(shí)候最好都是用系統(tǒng)的控制臺而不是其他的控制臺,比如git bash或者VScode里面的終端。如果用這些,那么執(zhí)行...
1、VScode bug調(diào)試還是可以的,使用npm調(diào)試,配置如下: 請不要使用它自帶的npm配置,目前會出現(xiàn)進(jìn)程的問題。 2、webpack配置...
模態(tài)框出現(xiàn)bug,只怪太相信自己,在最不應(yīng)該出問題的地方出現(xiàn)了問題。 bug:模態(tài)框關(guān)閉時(shí),沒有做好雙向綁定。 解決方案:類似于ngModel的...
制作這個(gè)開始是沒有思路的。后來想到先制作tabs的單個(gè)標(biāo)簽頁,再進(jìn)行標(biāo)簽頁的組合。也就是兩個(gè)組件交互的問題。使用viewchild或者viewc...
指令很像沒有值的屬性,其實(shí)它里面包含很多東西。 構(gòu)建一個(gè)指令,可以控制子組件按鈕的顯示或者隱藏。 一種方法就是,子組件有一個(gè)@Input 輸入屬...
1、設(shè)置標(biāo)題 標(biāo)題和頭部模板不能同時(shí)出現(xiàn)。使用@INPUT設(shè)置一個(gè)輸入屬性作為組件的屬性可以動態(tài)綁定。 2、設(shè)置頭部和內(nèi)容模板 此處使用ng-t...
第一天 并沒有實(shí)質(zhì)性的收獲,看了ng5和ng6,邊做對比邊看,看到了兩者的區(qū)別。 ng5的webpack配置暴露的很明顯,eject命令也很明顯...