在Angular中處理另一個組件內的組件

Question

我正在嘗試利用Angular中基於組件的體系結構（CBA）的概念。 以下是場景：

我有三個具有不同選擇器的組件。 現在，在另一個第4組件中，我正在嘗試導入它們。 這是通過在更高版本的html文件中添加其選擇器來完成的。

第四個組件文件：component.html

<component1></component>
<component2></component>
<component3></component>
<component4></component> 

所有的子組件基本上都是帶有數據的引導表。

此外，我正在使用ngb-pagination在這些組件中提供分頁。

現在的問題是，每當我單擊排序圖標時，頁面的控件就會轉移到子組件的URL，這意味着整個頁面都會被更改。 現在，我們需要再次單擊該圖標，以使排序出現。

更改頁碼時，同樣的問題仍然存在。 可能是因為angular需要組件URL來進行帶有可分頁選項的get查詢。

我正在使用Jhiptser。

請讓我知道是否有辦法。

以下是屏幕截圖：

這是主要組件，具有其他組件，如部署和部署：

這是子組件。

現在，每當我從主組件頁面單擊排序按鈕（任何按鈕）時，第一次單擊實際上都不會執行該操作。 轉到子組件頁面。 之后，該功能將按預期工作。

Answer 1

解決方案非常簡單。

Jhipster默認情況下使用ngb -pagination模塊來處理分頁。（服務器端）。

使用像ngx-pagination這樣更流行的模塊就可以完成任務。 我們需要做的就是簡單地添加一些分頁控件。

這個問題與這個未解決的問題有某種聯系。