标签: ionic2

我创建了一条警报消息，我只想在设定的定义时间后关闭该消息。下面是我的代码：

showAlert() {
 let alert = this.alertCtrl.create({ 
 subTitle: 'The information you have provided is incomplete or invalid. Please check your entries and check again.' 
 });
 alert.present();
}

showAlert() 是将在事件后调用的方法。现在，我想为它设置超时，但我找不到任何解决方案。

我有一个页脚，我想让它的背景颜色动态。我试图将元素绑定到一个类或提供动态样式，但它不起作用。事件它没有采用样式。我的 html 中有这个。

<ion-footer align="center" style="height: 50px" *ngIf="visibility">
  <ion-toolbar class="testing"> //or// <ion-toolbar style="background-color: lightgreen">
    <ion-title>
      .....

这在我的 .scss 中

.toolbar-background.testing {
  background-color: lightgreen;
  color:white
}

//或者

.testing {
  background-color: lightgreen;
}

只有这样有效，但我不知道如何使其动态化。

.toolbar-background {
  background-color: lightgreen;
  color:white
}

我想观看输入框、鼠标事件和整个页面的空闲时间..如果空闲 5 分钟，我想进行自动注销并使用 ionic2 转到初始登录页面我的 ionic2 信息是

global packages:

@ionic/cli-utils : 1.2.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.2.0

本地包：

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.3.0
@ionic/cli-plugin-ionic-angular : 1.3.0
Cordova Platforms               : android 6.2.3
Ionic Framework                 : ionic-angular 3.2.1

系统：

Node       : v6.10.3
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed

我在app上使用原生文件插件。Ionic 3你能告诉我如何在它上面使用getFile ()方法吗？我找不到那个方法的正确实现。它的签名如下。但我不知道如何给出directoryEntry参数。

getFile(directoryEntry, fileName, flags)

在我的ionic-Angular应用程序中,我已经从db加载内容并成功打印在控制台上,但是我无法与视图绑定,它说 app.html

  <ion-card-content>
  {{homeContent.about}}
  </ion-card-content>

component.ts

constructor(public navCtrl: NavController, navParams: NavParams, public 
   homeService: HomeContentService, 
  public loadingCtrl: LoadingController) {
 this.homeService.geteventHomeContentForPage(this.event.id).subscribe(data=>
 { 
  this.homeContent=data;

  console.log(this.homeContent) 
  console.log(this.homeContent.about) 

 })
}

我的控制台

我刚开始学习 ionic 框架并尝试使用 firebase 实现 Facebook 登录。我在浏览器中运行这个应用程序，我有以下代码给我“cordova_not_available”错误。任何人都可以帮助我了解我的尝试有什么问题。

谢谢你。

在 app.module.js 里面

import {Facebook} from '@ionic-native/facebook';
import firebase from 'firebase';

export const firebaseConfig = {
    ....
    ....
};

firebase.initializeApp(firebaseConfig);

在 home.ts 里面

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Facebook} from '@ionic-native/facebook';
import firebase from 'firebase';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

    constructor(public navCtrl: NavController, public facebook: Facebook) {

    }
    fblogin() {
        var me = this;
        me.facebook.login(['email']).then(res=>{
            const fc = firebase.auth.FacebookAuthProvider.credential(res.authResponse.accessToken); …

我需要调整标题大小，我该怎么做？我尝试了一些 css 样式，但没有用。

我要成就小

谢谢！

编辑：这是我的代码，希望这有助于...

再次感谢，如果您需要更多详细信息，请告诉我

………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………

page-home {

ion-navbar{
    width: 100%;
}
    
ion-title img{
    padding-left: 10px;
}

img.logo{
    padding-left: 110px;
    height: 20px;
}


p.title{
    font-size: 15px!important;
    padding-top: 10px;
    padding-left: 110px;
}

ion-content{
    margin-left: 100px;;
    margin-top: 40px;
}

ion-grid{
    text-align: center;
}

ion-row.header-row{
    text-align: center;
    font-weight: bold;

}

ion-col.header-col{
    background-color: #eee;
    border:1px solid #ddd!important;
}

ion-col.info-col{
    background-color: #fff;
    border:1px solid #ddd!important;

}

ion-col.col-align{
    padding-top: 14px;
}

.button{
    width: 90px;
}

}

<ion-header>
  <ion-navbar>
    <ion-title>
      <img alt="logo" class="logo" …

我正在创建一个离子应用程序，其中我添加了自动播放滑块，在应用程序主页中显示客户的故事。点击主页中有各种卡片，用户可以通过这些卡片导航到相应的页面。现在，当返回主页时，滑块自动播放停止。以下是我的代码的基本片段。

<ion-slides autoplay="2000" loop="true" speed="3000" class="slides" pager="true">
    <ion-slide>
        <img src="assets/img/slide1.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide2.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide3.jpg">
    </ion-slide>
</ion-slides>

我已经试过了内置的滑块的方法，如update()与startAutoplay()在ionicViewDidEnter()功能

ionViewDidEnter(){
    console.log("View Entered");
    this.slides.update(); // or this.slides.startAutoplay()
}

但他们都没有工作。带有代码的描述性答案将对我的理解和未来的参考非常有帮助。谢谢

我看到很多由 ionic 2 开发的应用程序支持状态栏颜色和标题相同的颜色，但我无法在我的应用程序中做到这一点

此图像显示了我将其构建为 apk 并安装在我的 android 手机上时的状态栏

但我想这样做（如果可能的话）

在我的page.html表单上，我有一个ion-datetime字段，单击它时，会打开 Ionic 日历以选择所需的日期。我希望它在我的表单打开时显示当前日期。我正在尝试使用下面的代码，但它仍然显示blank字段。

page.html 代码：

  <ion-datetime displayFormat="DD/MM/YYYY" name="myDate" [(ngModel)]="myDate"></ion-datetime>

page.ts 代码：

 public myDate=new Date();

如何在 HTML 页面上显示当前日期？