Ionic 4,Angular:使用<ion-datetime>,<ion-select>显示“确定”和“取消”按钮时出现问题

时间:2019-04-02 04:08:57

标签: html angular ionic4

我正在处理有关ionic 4的项目,但是通过将 ion-datetime 标记放入HTML代码中,“确定”和“取消”按钮显示不正确。当我放置ion-alert和 ion-select 标签时,我也会发生同样的事情。我显示的图像 link1 link2 详细说明了我的问题:

我在下面显示HTML片段:

ion-datetime 标记的HTML片段:

<ion-item>
    <ion-label position="stacked" color="primary">
     <ion-text color="light">Fecha de Nacimiento</ion-text>
    </ion-label>
<ion-datetime displayFormat="DD MMM YYYY" monthShortNames="ene, feb, mar, abr, may, jun, jul, ago, sep, oct, nov, dic" color="light" placeholder="Seleccione fecha" required></ion-datetime>
</ion-item>

ion-select 标签的HTML片段:


 <ion-select [(ngModel)]="educa.Nivel_Academico" name="Nivel_Academico" placeholder="Nivel de Educación">
     <ion-select-option value="1">Técnico</ion-select-option>
     <ion-select-option value="2">Profesional</ion-select-option>
     <ion-select-option value="3">Empírico</ion-select-option>
 </ion-select>

我还在config.xml文件中显示了首选项:

... 
    <preference name="Orientation" value="portrait" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="StatusBarBackgroundColor" value="#6600cc" />
    <preference name="StatusBarStyle" value="#FFFFFF" />
    <preference name="KeyboardResize" value="true" />
    <preference name="SplashScreenDelay" value="3000" />
...
</platform>
    <plugin name="cordova-plugin-device" spec="^2.0.2" />
    <plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="2.0.0-beta.1" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.2" />
    <plugin name="cordova-plugin-statusbar" spec="^2.4.2" />
    <plugin name="cordova-plugin-local-notification" spec="0.9.0-beta.2" />
    <plugin name="cordova-sqlite-storage" spec="3.1.0" />
    <plugin name="cordova-plugin-native-keyboard" spec="2.0.2">
        <variable name="LICENSE" value="TRIAL" />
        <variable name="LIC_ANDROID" value="TRIAL" />
    </plugin>
    <plugin name="cordova-plugin-camera" spec="4.0.3" />
    <plugin name="cordova-plugin-file-transfer" spec="1.7.1" />
    <engine name="ios" spec="^4.5.5" />
    <engine name="android" spec="7.1.4" />

请让我知道我在这种情况下做错了什么,或者我可以采取什么解决方案。

预先感谢

1 个答案:

答案 0 :(得分:0)

您尚未在 ion-select

上添加 okayText cancelText 属性
library(plotly)
plot_ly(type = 'mesh3d',
        split = c(rep(1, 19), rep(2, 19)),
             x = c(half_bean$x, other_half$x),
             y = c(half_bean$y, other_half$y),
             z = c(half_bean$z, other_half$z)
)

在日期时间,我认为您没有正确使用属性。该代码应如下所示:

<ion-select [(ngModel)]="educa.Nivel_Academico" name="Nivel_Academico" placeholder="Nivel de Educación" okText="OK" cancelText="cancel">
    ...
<ion-select>

您可以在Ionic Official Docs.ion-selection-datetime组件上找到更多详细信息。