标签: ionic3

我正在使用 Ionic 3。我使用 ion-datetime 组件：

myDate: String = new Date().toISOString();

<ion-datetime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="myDate"></ion-datetime>

我想要今天的日期取决于用户设备的时区。不幸的是new Date().toISOString()总是返回 GMT。有什么建议如何正确执行此操作吗？

在 Ionic3 中，我设置了一个刷新数据的间隔，我希望它在离开视图时停止。但我无法确定间隔实例的范围...请注意，这是我打字稿的第一步...

updateData(){    
  var interval = setInterval(() => {
    this.getdata.getData().subscribe( data => {
      this.channels = data.channels;
    })
  },2000);
}

ionViewWillLeave() {
  clearInterval(interval);//[TS]Cannot find name 'interval'
  console.log('leave view');
}

我有一个离子日期时间。它正在发挥作用，但只能持续到今年及往后。

我想要的是从今年开始并继续下去。是否可以？

<ion-item>
<ion-label>Event Date</ion-label>
<ion-datetime displayFormat="D MMM, YY" pickerFormat="DD MMM YYYY" [(ngModel)]="eventDate">
</ion-datetime>

如果这个问题在某个地方有答案，我很抱歉，我已经搜索过但没有找到任何答案，我不知道该怎么办了。

我正在开发一个 Ionic3 应用程序，我正在尝试在 Google 地图上搜索一个地点，然后使用 Google Place 详细信息 API 检索与该地点相关的照片。但照片不会被退回。我尝试过多种组合，甚至尝试过其他地方。返回一些其他字段，但不返回照片。

这就是我尝试检索的方式：

https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&fields=photo,name,rating,formatted_phone_number&key=YOUR_API_KEY

我尝试通过以下方式获取详细信息：

http.get(" https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&fields=photo,name,rating,formatted_phone_number&key=YOUR_API_KEY")
.subscribe((data)=>{
   console.log(data)
   });

我用我的替换了地点 id 和 API KEY。但没有返回照片。

某些输入的字段会返回，但不会返回照片。

检索照片的最佳方式是什么？

在我用 Ionic 和 Angular 8 构建的 PWA 中，我需要处理回车键以移动到下一个元素。我怎样才能用（keyup.enter）实现它。请帮我。

https://stackblitz.com/edit/ionic-3drfby

当我当时尝试调用更改密码 API 时，我在 cognito 用户池中收到“用户未经过身份验证”错误。

我有带3个按钮的ionic-item-sliding指令.2(A和B)向左滑动时出现,右侧滑动1(按钮C).

我想实现当我真正将项目拖到最右边时触发按钮C下的函数的行为.

ionic2 hompage上的文档以此代码片段为例

ondrag(event, item) {
  let percent = event.getSlidingPercent();
  if (percent > 0) {
    // positive
    console.log('right side');
  } else {
    // negative
    console.log('left side');
  }
  if (Math.abs(percent) > 1) {
        this.navCtrl.push(NextPage,{param:item},{ animate: true, direction: 'forward' })
  }
}

使用它

<ion-item-sliding *ngFor="let item of items "(ionDrag)="ondrag($event, item)"></ion-item-sliding>

我得到的行为是,当我滑动太远时,它会多次调用并推送页面(我猜多少事件和我一样)

有关如何正确实现这一点的任何建议？

谢谢!

我正在寻找一种方法,使用Ionic2将我的按钮拉到页面的右侧.我有一个带有编辑和保存按钮的表单组件,我想向右拉:

<div>
  <button ion-button (click)="toggleEdit()">
    <ion-icon name="create"></ion-icon>
  </button>
</div>
<ion-list>
  <ion-card-content>
    <ng-content>
    </ng-content>
  </ion-card-content>
  <div class="row center">
    <div class="col text-right">
      <button ion-button color="secondary" icon-end (click)="save()">
        <ion-icon name="save"></ion-icon>Save
      </button>
      <!--<a style="min-width: 50%;border-radius: 0px;" class="button button-dark icon-left ion-close">Cancel</a>
      <a style="min-width: 50%;border-radius: 0px;" class="button button-balanced icon-left ion-checkmark">Save</a>-->
    </div>
  </div>
</ion-list>

生成一个如下所示的表单:

正如你所看到的那样,保存按钮没有向右拉,我尝试使用文本右键,但也许只适用于离子1？还尝试使用icon-end指令将其拉到右边,但这似乎不起作用我想它只有在有另一个按钮时才有效.

任何人都可以通过正确的离子方式将保存按钮对齐到右边吗？

我想在url上看到实际的路由，但是我无法弄清楚我需要更改的内容。

我在这里关注文档：https : //ionicframework.com/docs/api/navigation/IonicPage/

但是我得到这个错误：

... home.ts有一个@IonicPage装饰器，但是在它没有对应的“ NgModule” ...我在页面顶部有这个：

@IonicPage({
  name: 'sums-home',
  segment: 'sums-home'
})

我使用以下代码创建了home.module.ts文件：

import { NgModule } from '@angular/core';

从“ ./home”导入{SumsHomePage}；从'ionic-angular'导入{IonicPageModule};

import { NgModule } from '@angular/core';
import { SumsHomePage} from './home';
import { IonicPageModule } from 'ionic-angular';

@NgModule({
  declarations: [
    SumsHomePage
  ],
  imports: [
    IonicPageModule.forChild(SumsHomePage),
  ],
  exports: [
    SumsHomePage
  ]
})
export class SumsHomePageModule { }

我去做这个页面：

this.navCtrl.push('sums-home');

但我认为它应该还有其他东西。

有人存档吗？

我正在尝试使用ion-img使用循环显示动态图像，但是它不起作用。

<ion-item no-lines no-padding *ngFor="let company of shortedDistanceArray">
    <div>
        <ion-img style="width: 15vh;height: 12vh;" src={{company.images}}"></ion-img>
    </div>
</ion-item>