javascript - 当离子内容包含元素时,离子页脚不显示
问题描述
当ion-footer
我ion-content
有元素时没有显示
在此代码中,页脚没有出现:
<ion-content>
<div class="text-center">
<p class="text-gray-800 text-3xl font-bold m-0">{{user.name}}</p>
<p class="text-gray-400 mt-2">{{user['custom:role']}}</p>
</div>
<ion-button expand="block" color="primary">logout</ion-button>
</ion-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>
这有效:
<ion-content>
<ion-button expand="block" color="primary" (click)="cognito.logout()">logout</ion-button>
</ion-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>
我尝试使用或删除按钮来删除div
和p
标记ion-text
并仅保留p
/ion-text
但是我不能让页脚ion-button
在我的ion-content
.
我目前使用一些 css,没有 ion-footer。我宁愿找到一个非hacky的解决方案。
解决方案
推荐阅读
- python - cython可以按原样编译所有python代码吗?
- c# - 如何通过wpf画布中的坐标获取矩形位置
- c - 试图理解交换两个 int 值的函数
- javascript - 如何使用Javascript计算二叉搜索树中目标到每个节点的距离?
- vb.net - vb将图像从二进制转换为图像,参数错误
- python - 无法使用 python 从 postgres 表中提取数据到 .ods 文件
- xml - 基于 XML 标签值访问元素值
- reactjs - React.js 应用程序上的 Google 自动广告?
- javascript - 如何将大写转换为存储在switch语句内的变量中的小写
- angular - Angular 6 SyntaxError:JSON.parse 中位置 0 的 JSON 中的意外标记 <