Trình kết xuất không được dùng làm ưu điểm cho renderer2, thay thế cho `invokeElementMethod`?

Question

Đối với một dự án phụ của tôi, tôi muốn triển khai luồng trò chuyện nơi thư mới được thêm vào dưới cùng và cửa sổ sẽ cuộn xuống cuối để hiển thị thông báo mới nhất.

Để làm điều đó, tôi đã chọn sử dụng ViewChildren trên thành phần để tìm tin nhắn cuối cùng (mới nhất) và sử dụng scrollIntoView trên nativeElement.

Để không gọi phương thức bằng cách truy cập trực tiếp vào API DOM nativeElement.scrollIntoView(). Tôi tin rằng tôi sẽ cần sử dụng renderer.invokeElementMethod(nativeElement, 'scrollIntoView').

Sự cố là renderer không được dùng để ủng hộ renderer2 và tôi không thể tìm thấy phương án thay thế cho phương thức invokeElementMethod trong renderer2.

Câu hỏi là, có phương pháp nào tôi đã bỏ lỡ trong renderer2 để thực hiện điều đó không? hoặc chúng ta có cách mới để gọi phương thức phần tử bây giờ?

Answer 1

Bạn có thể sử dụng phương thức selectRootElementRenderer2.

Ví dụ:

constructor(private renderer: Renderer2) {} 

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

, nơi domElementId là id = 'domElementId' trong html của bạn

Answer 2

Hãy trả lời này bởi một exapmple:

Trong trường hợp chúng ta có một như sau:

<input #inp1 type="text" placeholder="focus on me" /> 

Bên ngAfterViewInit(), nó cần phải được tập trung như thế này:

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