3 4 在模板中引用多個元素

2022-01-19 11:28:15 字數 1513 閱讀 7640

在父元件內引用子元件的

引用多個的情況。querylist是乙個泛型

選取。是ngfor迴圈 會有多個

使用@viewchildren

在元件初始化裡面輸出看一下

在ngoninit裡面第乙個列印出來,第二個沒有列印出來。

這就是angular的生命週期了。 ngoninit的時候檢視其實還沒有真正的渲染好。我們在ngonafterviewinit裡面列印這個imgs物件,

陣列當中有5個元素

檢視在ngonafterviewinit內是完全渲染好的,是可以安全的使用它。那麼下面單個element為什麼可以在ngoninit輸出呢?並不說在ngoninit內就是不行,在某種情況下ngoninit也是可以得到檢視中的元素。但是非常安全的一點是在ngonafterviewinit中去做。

並不是說在ngoninit中就是不行,但是在ngonafterviewinit中就一定行。

conole內輸出了各個各個生命週期的函式,影響我們的顯示,把這些生命週期的 去掉先。

生命週期的相關方法刪除

oninit也不要了

刪除再看最終的輸出 相對清晰一下

得到了images的一組物件,迴圈

在建構函式內注入。renderer2

他會在上面自動引入。在angular/core的包裡面

迴圈操作的高度

把上面原來直接操作dom的**刪掉

如果允許直接操作dom,會引起一些注入攻擊。用rd2去操作dom會增加安全性。rd2操作之前會做驗證。

python中判斷多個元素是否在列表中

如果希望判斷單個元素是否在列表中時可以通過in a in a b c true但如果是多個元素,就不能通過in進行判斷 此時我們可以通過集合中的issubset和issuperset方法 顧名思義,issubset是判斷某集合是否是另外乙個集合的子集,issuperset是判斷某集合是否是另外乙個集...

js多個元素隨機且不重疊分布在頁面中

最近,公司要做乙個類似挖礦的專案,大概其是當使用者登入進入首頁後,如果使用者有已經生成的原力值,則在其點選原力值後可以類似螞蟻森林那樣收集原力值,當使用者將所有的原力值收集完畢後開始提醒使用者新的原力值正在生成中,待新的原力值生成後,使用者可以繼續以上的操作收集原力值。如下圖 以上是一種邏輯,還有一...

34 在排序陣列中查詢元素的起始和末尾位置

輸入 nums 5,7,7,8,8,10 target 8 輸出 3,4 找不到輸出 1,1 先找到第乙個nums mid target的mid,然後分別查詢左右。當時覺得還不錯,一執行時間和線性查詢差不多。class solution if nums mid target right mid 1 ...