離子頁腳最佳實踐

Question

大家好，我有一個問題，實現離子頁腳組件的最佳方法和實踐是什么，我得到了這個頁腳組件，它在所有應用程序中大量使用，具有不同的按鈕、標簽和操作，任何屏幕上都有 2 個按鈕，有時在每個屏幕中內嵌一個標簽和一個按鈕，您將如何處理這樣的事情以避免重復代碼和最佳實踐。

多謝。

Answer 1

這可以通過 Angular 提供的組件的 page-selector 屬性來實現。

使用所需的 html、css 和 ts 代碼創建一個新組件。 注意@Component 指令中指定的選擇器。 例如，app-default-page

根據項目在 app.module 或 feature 模塊中導入此組件。

在需要設計的每個 HTML 頁面中，像這樣在 ion-footer 標簽中添加頁面選擇器

<ion-footer>
    <app-default-page></app-default-page>
</ion-footer>