本篇文章為大家展示了angular 8.1使用教程，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)是一家專業(yè)提供乳源企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站制作、HTML5建站、小程序制作等業(yè)務(wù)。10年已為乳源眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

首先是勾選狀態(tài)的保持問題

在模板中思考了很久，用了各種方法，修改傳入值，頁碼改變以后勾選狀態(tài)就是會有奇怪的問題，比如在代碼里明明把選中的給去掉了，但是頁面上還是勾選狀態(tài)，最后折騰來折騰去，發(fā)覺操作的對象不對：頁面上的是模板里面的list,就是listpagemodel.list，而我之前一直在操作傳入的list,后面操作對象弄對了，只需要操作listpagemodel.list的狀態(tài)就可以控制頁面上的數(shù)據(jù)。

所以上面給我的經(jīng)驗就是一定要明白頁面上展示的數(shù)據(jù)具體是由哪個對象控制的，對象找對了，控制起來就簡單，對象沒找對，忙活再久也是白干。

第二個就是自己創(chuàng)建的組件問題

sl-upload是我自己封裝的一個組件

這是組件內(nèi)部的代碼，很簡單，就是包含了nz的一個上傳組件，還有一些數(shù)據(jù)的處理

比如上傳之前的判斷大小和類型，還有上傳成功的提示之類的。

之所以自己寫這部分，是因為nzzorro的組件自己雖然有提供大小控制和上傳文件的類型控制，但是限制了以后選中保持以后不會有任何提示。所以就自己封裝一下，加上了提示。

其中遇到的一個不解的問題就是雙向綁定的問題

一開始我單純的以為只要給[fileList]加上小括號就行

[(fileList)]這樣就變成了雙向綁定，實際上并沒有，小括號加上去以后毫無作用，組件內(nèi)部只是接收到了這個fileList

后續(xù)的操作，父組件（嚴格來講其實包了三層，是祖孫組件了）里面是拿不到子組件對fileList的修改的，因為只是單純的傳入了這個值?，F(xiàn)在要拿子組件對fileList修改后的值，就需要加上輸出，也就是@Output

下圖的那一行代碼

this.fileListChange.emit(this.fileList)

就是輸出用的，只有改變值的時候加上了這一行代碼，才算是完成了輸出

才讓父組件中[(fileList)]中的小括號有了意義，不然加不加小括號都沒影響。

這樣才可以在父組件中拿到經(jīng)過子組件修改后的fileList的值了。

上述內(nèi)容就是angular 8.1使用教程，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：angular8.1使用教程-創(chuàng)新互聯(lián)
URL地址：http://www.rwnh.cn/article12/ccidgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站改版、面包屑導(dǎo)航、網(wǎng)站建設(shè)、定制網(wǎng)站、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)