标签: ionic-framework

ionic info

cli软件包：（/ usr / local / lib / node_modules）

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

全局软件包：

cordova (Cordova CLI) : 8.0.0 

本地套餐：

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

系统：

Node : v8.11.0
npm  : 5.6.0 
OS   : macOS High Sierra

环境变量：

ANDROID_HOME : not set

其他：

backend : pro

我的提供者

import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';

@Injectable()
export class GlobalTokenProvider {

  constructor(public storage: Storage) …

我已经按照将离子材料设计集成到离子项目中的步骤进行了操作.以下是我所做的事情清单:

1. 离子启动离子材料空白
2. 凉亭安装离子材料
3. 凉亭安装robotodraft
4. 在Ionic index.html页面中添加了JS和CSS库

在第五,它指示将离子材料注入您的离子应用程序,如下所示: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

我将在哪里以及如何在Ionic项目中注入它？我有app.module.ts和app.component.ts.但是我如何以及在何处插入提到的代码,因为它甚至要求我输入我的应用程序名称angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']).

当切换按钮"打开"时,请参阅下面的函数buttonOn(),

我想在buttonOff()"关闭"时切换它,如下所示

html的

<ion-toggle (ionChange)="buttonOn()"></ion-toggle>

.TS

buttonOn() { 
    // this function is called;
}

buttonOff() {
   // how to call this function when toggle button gets off?
}

我正在阅读Angular 5 http 教程.一切都运行良好,直到我坚持这个奇怪的结构我的离子项目抛出错误,"没有定义".

/**
* Handle Http operation that failed.
* Let the app continue.
* @param operation - name of the operation that failed
* @param result - optional value to return as the observable result
*/
private handleError<T> (operation = 'operation', result?: T) {
  return (error: any): Observable<T> => {

    // TODO: send the error to remote logging infrastructure
    console.error(error); // log to console instead

    // TODO: better job of transforming error for user consumption
    this.log(`${operation} …

将我的节点模块更新到最新版本,包括离子核心等.我收到此错误,我似乎无法找到任何相关信息？有些帮助吗？有没有更改为本地通知插件或任何其他可能让我这个错误？

[15:34:51] transpile started …
[15:35:10] typescript: D:/ionic/myApp1/src/pages/home/home.ts, line: 13
Expected 1 arguments, but got 2.

L12: this.platform.ready().then(() => {
L13: this.localNoti.on(‘click’, (noti, state) => {

L14: alert(state);

Error: Failed to transpile program
at new BuildError (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\util
\errors.js:16:28)
at D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\transpile.js:159:20
at new Promise ()
at transpileWorker (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\tra
nspile.js:107:12)
at Object.transpile (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\tr
anspile.js:64:12)
at D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\build.js:109:82

我正在使用JSON文件创建一个Ionic应用程序.当我想要使用ngIf和JSON时,一切都很好.我不知道如何使用它...例如我想这样做:

<p *ngIf="{{item.price }}  == 1"> Okey </p>
<p> *ngIf="{{item.price}}  == 2"> Okey2 </p>

在json文件中,如果价格的值为1,它将显示"Okey".

我希望你理解我.谢谢

我最近在使用Ionic3在Android手机上开发应用程序时遇到了此问题。我有列和数据行，我提取到2D数组中。之后，我使用papaparse从2D数组创建一个csv blob。

let csv = papa.unparse({
  fields: this.headerRow,
  data: this.csvData
});

var blob = new Blob([csv]);
var a = window.document.createElement("a");
a.href = window.URL.createObjectURL(blob);
a.download = "confidentialData.csv";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);

上面的代码仅适用于浏览器下载，当我将其加载到Android手机中时，它根本不会下载。我还阅读了许多其他文章，内容涉及离子应用程序如何使用FileTransfer和File将文件下载到设备中。但是我似乎无法解决这些问题，因为FileTransfer.download需要一个url源才能将文件下载到设备中。

但就我而言，该文件未托管在任何地方，并且通过我的代码动态生成Blob。非常感谢您提供有关如何使用Ionic 3将csv blob下载到android设备的帮助或建议。非常感谢。

我有一个数组列表，并且我只想要数组列表中的最后一条记录，如何获取？

我想从该数组的最后一条记录中获取消息（即，嘿）。

这是我的代码：

let chats : any = [];

  items.forEach((item) =>
  {
    if(item.val().sent_by == loggedInUserKey && item.val().sent_to == UserKey)
    {
      chats.push({
        key              : item.key,
        sent_by          : item.val().sent_by,
        sent_to          : item.val().sent_to,
        message          : item.val().message,
        datetime         : item.val().datetime
      });
    }
    if(item.val().sent_to == loggedInUserKey && item.val().sent_by == UserKey)
    {
      chats.push({
        key              : item.key,
        sent_by          : item.val().sent_by,
        sent_to          : item.val().sent_to,
        message          : item.val().message,
        datetime         : item.val().datetime
      });
    }
  });
  this.chats = chats;
  var last = chats[chats.length - 1];
  console.log("last: ",last);
  console.log("Chats : ",this.chats);

请帮忙。提前致谢。

当我尝试使用Ionic Storage在本地存储中设置正常值时.

它给出了以下问题

它在高级手机上的离子安卓应用程序中运行良好(具有高性能).

但是在预算Android手机上,当手机有内存问题时,例如可用内存空间不足一GB.在本地存储中插入第一个值会抛出"QuotaExceededError".这使我的应用无法在该特定手机上使用其本地存储空间.

我该如何解决这个问题？

根据Angularfire2 Docs的说法： AngularFireDatabase允许您使用Firebase的原始数据库Realtime Database。对于需要跨客户端实时同步状态的移动应用程序而言，这是一种高效，低延迟的解决方案。

但是，有AngularFireDatabaseModule，我不知道它是什么。因此，我想更详细地了解这两个（如果可用，请提供更详细的链接）以及何时使用AngularFireDatabase和 AngularFireDatabaseModule。