标签: ionic2

我有一个Ionic 2应用程序,允许日程安排通知(提醒).

嗯,requeriments是:

• 当用户进入提醒页面时,应检查已保存的提醒.

• 如果有保存的提醒(我实际上是通过存储保存此信息),则应显示时钟并保存提醒时间并且切换处于活动状态.

• 否则,时钟应与实际时间一起出现,并且切换为假状态(停用).

这很好用.我可以保存提醒,一切正常,并禁用它们.

当我有一个保存的提醒并且我进入页面时出现问题,它向我显示"提醒保存"的通知,当然,实际发生的是,当我进入该页面时,它首先证实是否有保存提醒,如果是,则切换激活.此切换链接到事件,(ionChange)因为它是我用来处理提醒的激活/取消激活的事件.然后每当我进入页面并且有一个保存的提醒时,它将切换设置为true,然后默认情况下它初始化为false并(ionChange)检测到有更改,事件再次被触发,这就是为什么它结束我保存再次提醒.

它并不坏,但每次进入时都不应该保存提醒.

我正在考虑使用该click事件而不是ionChange,但它没有用.

这是我的代码:

HTML:

<ion-content padding>
    <div class="selector">
        <ion-item>
            <ion-label>Recordatorio</ion-label>
            <ion-toggle class="toggle" [(ngModel)]="toggleStatus" checked="true" (click)="changeToggle()"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Horario</ion-label>
            <ion-datetime
                pickerFormat="HH:mm"
                [(ngModel)]="time"
                (ngModelChange)="timeChanged()"
                cancelText="Cancelar"
                doneText="Aceptar">
            </ion-datetime>
        </ion-item>
    </div>
</ion-content>

打字稿:

    ionViewWillEnter(): void {

        this.setDefaultProperties();
    }

    public setDefaultProperties(): void {

        this.date = new Date();
        this.setDefaultPickerTime();
        this.setToggleStatus();
    }

    public setDefaultPickerTime(): void {

        this.storage.get('reminderTime')
            .then((result) => {

                if (result) {
                    this.time = result;
                } …

我收到以下错误消息

[ts] Property type 'url' does not exist on type 'Event'.

any

这是我使用的TypeScript（JavaScript）

document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
      var ref = window.open(url, '_blank', 'location=yes');
      ref.addEventListener('loadstart', function(event) { });
      ref.addEventListener('loadstop', function(event) { });
      ref.addEventListener('loaderror', function(event) { alert( event.url ) });//Property type 'url' does not exist on type 'Event'.
    }

这是我的进口

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { Event } from '@angular/router';

请帮忙！

简单的问题,我试图在我的Ionic 2应用程序中的"onclick"中传递一个字符串,但它一直给我一个错误.

<button onclick="window.plugins.socialsharing.shareViaWhatsApp(null, null, '{{sound.file}}', null)">Enviar no whats</button>

错误日志

 Can't bind to 'onclick' since it isn't a known native property

我是离子2的新手,我正在尝试创建自定义信息窗口,因此当用户点击标记时,他们可以看到一些基本信息,如图片和位置名称,但他们也可以点击链接infoWindow打开一个模式,其中包含该位置的详细信息.这是我想如何将它添加到我的标记.

addMarker(lat: number, lng: number, place: any): void {
    let latLng = new google.maps.LatLng(lat, lng);

    let marker = new google.maps.Marker({
        map: this.map,
        animation: google.maps.Animation.DROP,
        position: latLng,
        title: place.name
    });

    let infoWindow = new google.maps.InfoWindow({
       content: `<>custom template here with some basic details</>`
    });

    marker.addListener('click', ()=> {
       infoWindow.open(this.map, marker);

    });

    this.markers.push(marker);
} 

如何订阅完成事件,即我想在选择日期后调用一个函数.我怎么能在ionic2中做到这一点

 <ion-icon class="moreicon" name="funnel">
    <ion-datetime type="button" [(ngModel)]="myDate" (click)="getData()"></ion-datetime>
  </ion-icon>

在ts文件中我调用了这个函数但我的问题是在第一次选择日期时我的数据没有被过滤.再次,当我点击过滤器图标,然后显示我的过滤数据.所以我想在datetime选择器中订阅done事件.我怎样才能做到这一点？？

我在这里搜索了一些但是找不到答案.

有人知道这个并且可以解释Ionic如何处理它吗？

我正在使用Ionic3:

Your system information:

Cordova CLI: 6.4.0 
Ionic Framework Version: 3.0.1
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.3.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.3.1 Build version 8E1000a

我有以下字体: Ormont_Light.ttf

如您所见,我尝试在app.scss文件中应用此新字体.但是,我似乎无法让它生效.

如您所见,它仍然使用Ionic默认值:

font-family: "Roboto", "Helvetica Neue", sans-serif;

题

请问任何人都可以建议如何使用ttfIonic 3中的文件实现新字体？

UPDATE

我添加以下内容:

@font-face {
font-family: Ormont_Light;
src: url(../assets/fonts/Ormont_Light.ttf) format("ttf");
 font-weight: normal;
 font-style: normal;
}
body { …

我想在Ionic 2中自定义警报.我知道我可以在variables.scss中全局完成,但我想在特定页面中修改特定的警报.

我在警报代码中尝试了cssClass,我尝试了其他不同的东西,但是在全局范围内,而不是特定的.

有什么办法吗？

如何预填充Ionic 2离子输入区域？

我尝试过以下但是这个领域仍然空白.

<ion-input type="text" [(ngModel)]="product.content" name="content" value="123" required></ion-input>

安装后我仍然没有看到3.0.1

Cordova CLI: 6.5.0
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: macOS Sierra
Node Version: v6.10.1
Xcode version: Xcode 8.2.1 Build version 8C1002