Renderer, inverElementMethod işlevi için renderer2 için bir alternatif olarak kabul edilmez mi?

Question

Benim bir yan projesi için, yeni mesajın aşağıya eklendiği bir sohbet akışı uygulamak istiyorum ve pencereler en son mesajı görüntülemek için aşağı kaydırmalı.

Bunu yapmak için, son iletiyi (en son) bulmak için ViewChildren bileşenini kullanmayı seçtim ve nativeElement numaralı telefondan scrollIntoView'u kullanın. nativeElement.scrollIntoView()nativeElement.scrollIntoView() DOM API'sine doğrudan erişerek yöntemi çağırmamak için. renderer.invokeElementMethod(nativeElement, 'scrollIntoView')'u kullanmam gerekeceğine inanıyorum.

Sorun rendererrenderer2 lehine kullanım dışı kalmıştır ve ben renderer2 yöntemin invokeElementMethod için alternatif bulamıyorum.

Soru şu ki, sadece bunu yapan renderer2'da kaçırdığım bir yöntem var mı? ya da şimdi elementi çağırmak için yeni bir yol var mı?

Answer 1

Renderer2selectRootElement yöntemini kullanabilirsiniz. Örneğin

: domelementid olduğunu

constructor(private renderer: Renderer2) {} 

this.renderer.selectRootElement('#domElementId').scrollIntoView() 

, id = 'domelementid' sizin html

Answer 2

en bir exapmple tarafından bu cevap vereyim: durumunda

biz var şu şekilde görün:

İçinde ngAfterViewInit(), böyle odaklanmış verilmesi gereken:

this.renderer.selectRootElement("inp1").scrollIntoView();