标签: ionic2

我正在尝试在我的 ionic 3 项目中安装 font-awesome。我使用了命令：

npm install font-awesome --save

这是 package.json 文件的内容

    {
       "name": "ionic-hello-world",
       "version": "0.0.0",
      "author": "Ionic Framework",
      "homepage": "http://ionicframework.com/",
      "private": true,
      "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "lint": "ionic-app-scripts lint",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
      },
      "config": {
        "ionic_copy": "./config/copy.config.js"
      },
      "dependencies": {
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/camera": "^3.13.1",
        "@ionic-native/core": "3.10.2",
        "@ionic-native/network": "^4.2.1",
        "@ionic-native/splash-screen": "3.10.2",
        "@ionic-native/status-bar": "3.10.2",
        "@ionic/storage": "2.0.1",
        "angularfire2": "^4.0.0-rc0",
        "firebase": …

我不知道如何使用查询字符串调用邮政服务。当我们使用post方法在 url 下运行时：https://test.data.com/myAPI/Login/authenticateUser?username=temp&password=Temp@123®id=''&versions=1&deviceType=1在邮递员中它工作得很好，但不要如何在ionic 3代码中传递查询字符串

在下面的代码中，当我们将查询字符串作为参数传递时，它给出了一个错误的请求错误。

return this.http.post("https://test.data.com/myAPI/Login/authenticateUser", params).subscribe((data: any) => {
  // let resp = data;
  // this.items = JSON.parse(JSON.parse(resp).Data);
  console.log('my data: ', data);
}, err => {
  console.log(err);
});

我有一个动态创建的表单页面，如下所示：

空格是输入，整行是一个按钮。有没有办法点击按钮，即整行，然后选择/关注相应的输入？请记住，输入的数量由用户决定，页面上最多可以有 300 行这样的行。

家.ts

export class HomePage {

      public homeForm: FormGroup;
      
      constructor(
        public navCtrl: NavController,
        public userData: UserDataProvider,
        private formBuilder: FormBuilder,
        public renderer: Renderer,
        public elementRef: ElementRef
      ) {

        this.homeForm = new FormGroup({
          bicos: new FormArray([
            new FormControl(null)
          ])
      });

       addInputs() {
          (<FormArray>this.homeForm.controls['bicos'])
          .push(new FormControl(null));
    }
}

主页.html：

<form [formGroup]="homeForm"> 
    <ion-row formArrayName="bicos" *ngFor="let item of homeForm.controls.bicos.controls; let i = index" >
        <button id={{i}} ion-button clear style="color: black" class='hidden-button' (click) = "doSomething()">
    <ion-col align-self-center col-2>{{i+1}}</ion-col>
         <ion-col text-center align-self-center …

尝试对我的 ionic 项目实施应用内购买。不确定该选择哪一个，两者的资源都有限。

我找到了这些教程：

应用内购买：https : //alexdisler.com/2016/02/29/in-app-purchases-ionic-cordova/

应用内购买2：

1. https://medium.com/@andrew.thielcole/in-app-purchases-with-ionic-3-af13b21f49f2

2. https://github.com/thielCole/ionic-iap2

有没有比另一个更受欢迎的？我正在使用 Ionic 3，但不确定从哪里开始。

编辑：根据@franswa 的建议添加了应用内购买2 的第二个链接

在我的 ionic 应用程序中，我试图为每个列表项生成不同的颜色，因为我在 comp.ts 中编写了以下函数

getRandomColor() {
     var trans = '0.5'; // 50% transparency
     var color = 'rgba(';
     for (var i = 0; i < 3; i++) {
       color += Math.floor(Math.random() * 255) + ',';
      }
     color += trans + ')'; // add the transparency
      return color;
      }

在我的 html 文件中，我像下面这样称呼它

     <ion-content>
            <ion-list class="quoteList" *ngIf = "data" no-lines>
              <button ion-item *ngFor="let item of data" [ngStyle]="
                   {'backgroundColor': getRandomColor() }"
                          (click)="quoteSelected(item)">
                  {{ item.name }}
                 </button>  
             </ion-list>
     </ion-content>

但我收到以下错误，我需要更改以摆脱以下错误

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has …

我正在尝试使用 @ionic-native/file-opener 以离子格式打开 PDF 文件，但遇到了cordova 问题。

本机：尝试调用 FileOpener.open，但 Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行

我该如何解决？

要求：

我们需要在新窗口中打开一个 php 页面。我们已经这样实现了，如下所示

.html code

 <a target="_blank" href="{{pdf}}">Download Pdf</a>

.ts code

ngOnInit()
{
this.loggedinuser = localStorage.getItem("USERNAME");
console.log(this.loggedinuser);
this.pdf = 'http://219.90.67.154/report-service/quicktask/TCPDF/examples/test-tcpdf.php?loggedinuser='+this.loggedinuser;
}

但我们想以不同的方式实现它。需要从 html 中点击一个按钮，这将调用一个函数，从这个函数中一切都应该发生。

.html

 <button ion-button  (click)="saveit">Save</button>

.ts

saveit(){
// the url,html tag should be called from here , how ?
}

我试图删除ion-refresher用户下拉时出现的元素下的边框。我已经尝试过无边框无阴影和自定义 css，!important但似乎没有任何东西可以删除它，如何删除用户下拉时出现的离子刷新器下的行

       <ion-refresher (ionRefresh)="doRefresh($event)" 
          no-border no-shadow style="border:none !important; box-shadow: none !important">
            <ion-refresher-content no-border no-shadow style="border:none !important">
            </ion-refresher-content>
       </ion-refresher>

我们正在构建一个仅在浏览器上提供服务的企业级应用程序（即它只是一个网络应用程序，而不是移动应用程序）。它也永远不会在移动应用程序中转换。

有人可以分享您的建议/经验，什么更适合用于开发。

1.) 使用 Ionic 框架

2.) 将 Angular ( https://angular.io ) 与 Angular Material ( https://material.angular.io/components/categories ) 一起使用

我们有 Ionic 的专业知识（在移动开发方面），如果我们使用 Ionic 会有什么缺点吗？

谢谢！

我正在使用ionic 3 ，我试图通过firebase将google plus 登录集成到我的应用程序中。但我收到错误，

 ERROR TypeError: Object(...) is not a function
    at GooglePlus.login (index.js:27)
    at HomePage.webpackJsonp.186.HomePage.login (home.ts:28)
    at Object.eval [as handleEvent] (HomePage.html:3)
    at handleEvent (core.js:13589)
    at callWithDebugContext (core.js:15098)
    at Object.debugHandleEvent [as handleEvent] (core.js:14685)
    at dispatchEvent (core.js:10004)
    at core.js:10629
    at HTMLButtonElement.<anonymous> (platform-browser.js:2628)
    at t.invokeTask (polyfills.js:3)


I am putting code below which I have used for integrationg google plus  Integration 

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from …