标签: ionic3

简单的问题,我试图在我的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

嗨我正在使用Ionic 幻灯片显示待办事项列表,我想禁用刷卡客户,因为我的列表项目有它们.相反,我想通过方法更改幻灯片.

这是我的组成部分:

@ViewChild(Slides) slides: Slides;

days: SbCalendarDay[] = [] //this is a list of todo's of each day

ngAfterViewInit() {
    this.slides.lockSwipes(true);
}

slide(direction:string){
    if(direction === 'prev'){
        this.slides.slidePrev()
    }else{
        this.slides.slideNext()
    }
}

我的观点是:

<div class="sb-calendar-day">
    <ion-slides [initialSlide]="1" (ionSlideDidChange)="slideChanged($event)" (ionSlideWillChange)="slideWillChange($event)">
        <ion-slide *ngFor="let day of days">
            <sb-list [list]="day.events" (sbListEvent)="listEvent($event)"></sb-list>
        </ion-slide>
    </ion-slides>
</div>

但是当我锁定滑动时,initialSlide输入不再起作用.我现在开始的时间array是3天array[1].

此外,方法slideNext()和slidePrev()还没有反应过来.不lockSwipes(true)完全"锁定"滑块？

有没有办法只禁用滑块的滑动手势？

谢谢

我遵循此处找到的答案：Ionic 2 Alert定制

但是我找不到必须设置样式的所有其他类或元素，因此警报看起来像我想要的。

我编辑了代码，如下所示：

app.scss：

.alertCustomCss {
  background-color: color($colors, dark, base);
  color: white;
  button {
      color: white !important;
  }
}

ts：

const alert = this.alertCtrl.create({
    title: title,
    subTitle: msg,
    buttons: ['OK'],
    cssClass: 'alertCustomCss'
});
alert.present();

但这使所有文本变为白色，替换了包含弹出窗口的模式页面的透明性，并将其设置为设置“背景色”（因此，不再显示称为弹出窗口的页面）。该按钮的文本设置为白色。

请注意，弹出窗口周围的背景不再透明。

问题是如何设置文本占位符而不是整个页面的背景色？要使用哪些CSS属性？

更广泛的问题：可以设置样式的警报弹出窗口有哪些元素（css类或指令）？标题文字颜色，内容文字字体等。

我正在使用Ionic 3，我想拨打一个电话，为此，我为电话号码添加了Ionic本机插件：

ionic cordova plugin add call-number
npm install --save @ionic-native/call-number

但这会引发错误：

错误错误：未捕获（承诺）：错误：没有CallNumber提供程序！

在Ionic的旧版本1中,我能够构建按日期分组的事件列表,如下所示:

<ion-list ng-repeat="(key, value) in events| groupBy: 'event.date'">

  <div class="item item-divider" ng-if="value">
    {{ ::key | event.date }}
  </div>

  <ion-item class="item" ng-repeat="event in value track by event.event.event_id">
    {{ ::event.event.title }}
  </ionic-item>

</ion-list> 

虽然事件对象看起来像这样(事件#1和#3共享相同的日期):

{
  "events": [
    {
      "id": 1,
      "date": "2017-12-26",
      "title": "First event"
    },
    {
      "id": 2,
      "date": "2017-12-30",
      "title": "Second event"
    },
    {
      "id": 3,
      "date": "2017-12-26",
      "title": "Third event"
    },
    {
      "id": 4,
      "date": "2017-12-31",
      "title": "Last event"
    }
  ]
}

这给了我一个存储在"事件"对象中的事件列表,这些事件按"event.date"分组.所以在同一天的所有事件都按项目分隔符分组:

+--------------+
+ 2017-12-26   +
+--------------+
| …

你能告诉我如何使用动态添加blockquote图像SCSS吗？

注意:

我svg在这条路上有图像:assets/icon/left-quote.svg

这就是我需要的.

在这里,您可以看到它来自后端(即blockquote标签).

简要说明:尝试在home.html页面上实现popover控制器.试图按照文档但仍然无法完成.

我在popover.ts旁边创建了页面,home.ts但是当我尝试导入时home.ts,它就是说Cannot find module 'popover'.

我究竟做错了什么 ？

home.ts

import { PopoverController } from 'ionic-angular';
import { PopoverPage } from 'popover';

    @Component({})
    class MyPage {
      constructor(public popoverCtrl: PopoverController) {}

      presentPopover(myEvent) {
        let popover = this.popoverCtrl.create(PopoverPage);
        popover.present({
          ev: myEvent
        });
      }
    }

popover.ts

import { Component } from '@angular/core';
import { ViewController } from 'ionic-angular';


@Component({
    template: `
      <ion-list>
        <ion-list-header>Ionic</ion-list-header>
        <button ion-item (click)="close()">Learn Ionic</button>
        <button ion-item (click)="close()">Documentation</button>
        <button ion-item (click)="close()">Showcase</button>
        <button …

我在离子3暂停和恢复事件中面临奇怪的问题,每当我暂停应用程序时,事件多次调用(一次2次,一次3次等).这是代码

 this.platform.ready().then(() => {
  this.platform.pause.subscribe(() => {        
      console.log('****UserdashboardPage PAUSED****');
  });  
  this.platform.resume.subscribe(() => {      
      console.log('****UserdashboardPage RESUMED****');
  });
});

我试过在ionViewDidLoad中放置相同的代码,构造函数,ionViewWillEnter仍面临同样的问题.请有人帮我解决这个问题.一旦应用程序恢复,我正在调用一个服务,但现在它已多次调用.谢谢!

我已将环境从离子1升级到离子3.19.1.但是,我的项目仍然是离子v1(或者如果我在v1下面没有误,不确定)

我跑了命令

ionic cordova build ios --v1

这是失败的.

Discovered plugin "cordova-plugin-console" in config.xml. Adding it to the project
Installing "cordova-plugin-console" for ios
Plugin doesn't support this project's cordova-ios version. cordova-ios: 4.5.4, failed version requirement: <4.5.0
Skipping 'cordova-plugin-console' for ios

它是什么意思以及如何解决它？

我的环境如下:

ionic version 3.19.1
cordova version 8.0.0
npm version 5.6.0
macos High Sierra 10.13.1
xcode 9.2

我想创建一个API帮助程序类来为应用程序中的所有类型的其余api调用提供服务。我一直在使用有角度的httpClient类

import {HttpClient} from '@angular/common/http'

做API交互，但最近遇到了https://ionicframework.com/docs/native/http/

谁能描述两者之间的区别，以便我可以根据自己的需求决定哪个更好。