angular - 添加到 Ionic 应用程序的标签显示在 Web 浏览器预览中,但不在应用程序上
问题描述
因此,我按照 YouTube 上的教程创建了一个应用程序,在左上角的网络浏览器中显示“休息时间”,左侧是可选的日期时间函数。这些都在网络浏览器中可见,但在我的移动设备上的应用程序中不可见。
我试过改变离子标签的颜色,但没有任何改变。日期时间的功能在那里,因为我知道按哪里但看不到实际文本。
同样在时间选择器中,没有其他数字可见,只有要选择的数字。
见图片。
下面是老师更改标签的代码,因此它是可见的,但它不起作用。
<ion-content>
<ion-item>
<ion-label color="primary"> Rest Duration</ion-label>
<ion-datetime #myPicker display-format="mm:ss" placeholder="Tap here" [(ngModel)]="fullTime"></ion-datetime>
</ion-item>
网络浏览器应用程序图像这是应用程序在浏览器中显示的内容(在顶部您可以看到我想要显示的内容)
移动应用程序屏幕截图,这是移动应用程序上显示的内容。
下面是homepage.html代码
<ion-content>
<ion-item>
<ion-label color="warning"> Rest Duration</ion-label>
<ion-datetime #myPicker display-format="mm:ss" placeholder="Tap here" [(ngModel)]="fullTime"></ion-datetime>
</ion-item>
<div style="height:50%">
<circle-progress (click)="startTime()"
[percent]="percent"
[maxPercent]="100"
[radius]="radius"
[showTitle]="false"
[showSubtitle]="false"
[showUnits]="false"
[outerStrokeWidth]="16"
[outerStrokeColor]="'#8000FF'"
[showZeroOuterStroke]="false"
[backgroundStroke]="'#33003F'"
[backgroundStrokeWidth]="3"
[outerStrokeGradient]="true"
[outerStrokeGradientStopColor]="'#FF00CB'"
[showInnerStroke]="false"
<p>{{ elapsed.h }} : {{ elapsed.m }} : {{ elapsed.s }}</p>
<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ng-container *ngIf="timer == false; else running">
<ion-fab-button (click)="startTime()">
<ion-icon name="play"></ion-icon>
</ion-fab-button>
</ng-container>
<ng-template #running>
<ion-fab-button (click)="stopTime()">
<ion-icon name="square"></ion-icon>
</ion-fab-button>
</ng-template>
</ion-fab>
解决方案
尝试这个
<ion-content>
<ion-item>
<p> Rest Duration</p>
<ion-datetime #myPicker display-format="mm:ss" placeholder="Tap here" [(ngModel)]="fullTime"></ion-datetime>
</ion-item>
推荐阅读
- polymer - 边缘/safari 上的 importHref 导致“名称为 'dom-bind' 的自定义元素已被定义”
- python - 按第一个值对组进行排序而不更改组顺序
- swift - 如何彻底删除与 Xcode 中的一行关联的 IBAction?
- vue.js - 不允许在未保存的情况下退出表单屏幕
- javascript - 如何将来自 API 的 JSON 输出呈现为可读且可呈现的代码
- javascript - 在谷歌地图中更改坐标时如何顺利从一个位置移动到另一个位置
- byte - 为什么 1024 个“字节”等于 1 KB……难道不是 1024 位等于 1 KB
- c# - 在当前线程中暂停线程
- python-3.x - CLIPS Python3 CLIPSError
- xml - 在 Python 中输出 os.system 并使用它在 xml 文件中创建文本节点