【发布时间】:2021-01-10 07:58:06
【问题描述】:
大家好,我有一个问题,实现 ion-footer 组件的最佳方式和实践是什么,我得到了这个在所有应用程序中都大量使用的页脚组件,具有不同的按钮、标签和操作,任何 2 个按钮屏幕,有时每个屏幕内嵌一个标签和一个按钮,您将如何处理这样的事情以避免重复代码和最佳实践。
非常感谢。
【问题讨论】:
标签: angular typescript ionic-framework ionic3
大家好,我有一个问题,实现 ion-footer 组件的最佳方式和实践是什么,我得到了这个在所有应用程序中都大量使用的页脚组件,具有不同的按钮、标签和操作,任何 2 个按钮屏幕,有时每个屏幕内嵌一个标签和一个按钮,您将如何处理这样的事情以避免重复代码和最佳实践。
非常感谢。
【问题讨论】:
标签: angular typescript ionic-framework ionic3
这可以通过 Angular 提供的组件的 page-selector 属性来实现。
使用所需的 html、css 和 ts 代码创建一个新组件。记下 @Component 指令中指定的选择器。例如,app-default-page
根据项目将该组件导入到app.module或功能模块中。
在需要设计的每个 HTML 页面中,像这样在 ion-footer 标记中添加页面选择器
<ion-footer>
<app-default-page></app-default-page>
</ion-footer>
【讨论】: