标签: ionic3

所以我有 Jasper 报告，我在 REST 控制器中转换为 pdf，然后转换为 base64。我如何将其转移到我的 ionic 3 应用程序？我查看了 Ionic Native Document Viewer，但为了做到这一点，我需要将文件传输到应用程序。有什么想法吗？

我想在 ionic 3 中进行批量插入我有这个代码它可以工作但它真的很慢

 insertQuotation(value){

    for(var i=0; i<=value.length; i++){
    let data=[value[i].quotation_id,value[i].customer_name,value[i].product_name,value[i].price,value[i].services,value[i].response_time,value[i].created_time];

    this.database.executeSql("insert into care_plan_quotation_history(care_plan_quotation_id,customer_name,product,price,services,response_time,created_time) values(?,?,?,?,?,?,?)",data)
    .then(data=>{
      return data;
    },err=>{
      alert("error");
    })
    }
  }

请在这件事上给予我帮助

我是开发新手。我正在尝试绘制一个包含 2 个单元格的行，每个单元格包含一个类别

<ion-grid>
<ion-row *ngFor="let categorie of categories">
  <ion-col>
    <img [src]="categorie.image" />
  </ion-col>
  <ion-col>
    <img [src]="categorie.image" />
  </ion-col>
</ion-row>

我得到了什么，很明显两个单元格中的类别相同。我有 20 个类别，所以应该有 10 行，20 个单元格。

更新

Abdelrhman Hussien，根据您的评论，希望的结果是根据我的情况：

品类数量：21个甚至更多

结果：11 行每行包含 2 个类别最后一行仅包含 1 个类别，即使您在最后一行仍有 2 个单元格。

对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源 ' http://192.168.100.2:8100 '。响应具有 HTTP 状态代码 404。

我在尝试在物联网 ESP8266 网络服务器中调用 put/post 请求时遇到上述错误。

为了解决这个问题，我尝试添加以下代码。但没有任何效果。

server.on("/", HTTP_OPTIONS, []() {
    server.sendHeader("Access-Control-Allow-Origin", "*");
    server.sendHeader("Allow", "HEAD,GET,PUT,POST,DELETE,OPTIONS");
    server.sendHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT");
    server.sendHeader("Access-Control-Allow-Headers", "X-Requested-With, X-HTTP-Method-Override, Content-Type, Cache-Control, Accept");
});

server.on("/testPost", HTTP_POST, testCors);
server.on("/testPut", HTTP_PUT, testCors);

在函数内部

void testCors()
{
    Serial.print("HTTP Method: ");
    Serial.println(server.method());

    server.sendHeader("Access-Control-Allow-Origin", "*");
    server.sendHeader("Allow", "HEAD,GET,PUT,POST,DELETE,OPTIONS");
    server.sendHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT");
    server.sendHeader("Access-Control-Allow-Headers", "X-Requested-With, X-HTTP-Method-Override, Content-Type, Cache-Control, Accept");
    server.send(200, "text/plain", "");
}

谢谢

如何为每个页面自定义离子刷新器图标的样式？在我的应用程序的每个页面中，微调器应该具有不同的颜色，具体取决于用户所在页面的位置。我在我的 css 中做了这样的事情。但我只将复习的背景颜色自定义为灰色。

这是styles.css

ion-refresher * {
    // background-color: white;
    ion-refresher-content * {
      icon * {
        color: #dd2727;
      }
      color: red;
        .refresher-refreshing {
          .refresher-pulling-icon, .refresher-refreshing-icon {
            text-align: center;
            -webkit-transform-origin: center;
            transform-origin: center;
            font-size: 30px;
            color: #dd2727;
            -webkit-transition: 200ms;
            transition: 200ms;
          }
        }
    }
  }

这是page.html

<ion-refresher (ionRefresh)="doRefresh($event)">
      <ion-refresher-content
        pullingIcon="arrow-dropdown"
        refreshingSpinner="crescent">
      </ion-refresher-content>
    </ion-refresher>

我尝试使用谷歌搜索它，但找不到任何解决方案。

感谢有人可以提供帮助。提前致谢。

我有一些如何设法搞砸我的 Ionic 项目......一些帮助将不胜感激。

我正在尝试添加，cordova-plugin-camera所以我正在做的是：

$ cordova plugin add cordova-plugin-camera 这将返回一个错误：

Installing "cordova-plugin-camera" for android
Android Studio project detected
Error during processing of action! Attempting to revert...
Failed to install 'cordova-plugin-camera': CordovaError: Uh oh!
"C:\xampp\htdocs\project x\anonymous-social\platforms\android\app\src\main\res\xml\camera_provider_paths.xml" already exists!
    at copyNewFile (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\lib\pluginHandlers.js:261:45)
    at install (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\lib\pluginHandlers.js:51:17)
    at ActionStack.process (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\cordova-common\src\ActionStack.js:56:25)
    at PluginManager.doOperation (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\cordova-common\src\PluginManager.js:114:20)
    at PluginManager.addPlugin (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\cordova-common\src\PluginManager.js:144:17)
    at C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\Api.js:247:74
    at _fulfilled (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\q\q.js:854:54)
    at self.promiseDispatch.done (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\q\q.js:883:30)
    at Promise.promise.promiseDispatch (C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\q\q.js:816:13)
    at C:\xampp\htdocs\project x\anonymous-social\platforms\android\cordova\node_modules\q\q.js:570:49
(node:26116) UnhandledPromiseRejectionWarning: CordovaError: …

I am trying to make a HTTP call and my Content-Type is text/plan but I am working with ionic-native/http which only take object and array,here is what I have tried

Error: advanced-http: "data" argument supports only following data types: Array, Object

TestIR(item){

  let headers = { 'Content-Type': 'text/plain'}; 
  let sender ='sendir,1:1,0,';
  let code = item.keys[10].code;
  let body = sender+code;
  let url= "http://10.75.0.120/v2/CI00e0148a";

  this.httpNative.setDataSerializer( "json" );
  this.httpNative.post(url,body,headers).then(val=> 
   {console.log(val)}).
  catch(e=>{console.log(e)})

}

我有一个带有复选框的表单，对于某些复选框，以下适用：

当复选框被选中并被点击并且某些语句为真时，复选框不应被取消选中，而是跳回选中状态。

这是当前的html：

<ion-item>
    <ion-label stacked  [innerHTML]="htmlString"></ion-label>
    <ion-checkbox (click)="checkboxClick($event)"></ion-checkbox>
  </ion-item>

这是当前的 .ts：

checkboxClick(e){
    var statement = true;

    if(statement){
    e.target.checked = true;
    }
  }

这是一个展示该问题的堆栈闪电战：https ://stackblitz.com/edit/ionic-tcxd55?file = pages%2Fhome%2Fhome.ts

我是 ionic 的新手。这是我关于 ionic 的第一个问题。希望我能从离子专家那里得到正确的解决方案：

所以基本上，我有 3 个用于社交登录的 ion-fab 按钮，我想像这样将它们水平居中对齐：

我尝试了很多解决方案，但没有运气。这是我的代码：

  <ion-fab bottom center>
<ion-row text-center>
  <ion-col>
    <button ion-fab fab-fixed color="primary" (click)="facebookLogin()"><ion-icon name="logo-facebook"></ion-icon></button>
  </ion-col>
  <ion-col>
    <button ion-fab fab-fixed color="danger" (click)="googleLogin()"><ion-icon name="logo-googleplus"></ion-icon></button>
  </ion-col>
  <ion-col>
    <button ion-fab fab-fixed color="secondary" (click)="twitterLogin()"><ion-icon name="logo-twitter"></ion-icon></button>
  </ion-col>
</ion-row>

这就是我使用上面的代码所得到的。那么，我错在哪里？

我正在使用 ngx-datatable 创建一个可以编辑、添加和删除的设置项列表。我想要做的是在行尾有一个带有编辑按钮的数据行。当我单击编辑按钮时，单元格变为可编辑状态，行尾分别出现保存和取消按钮，编辑按钮消失。然后，当您单击“保存”或“取消”按钮时，单元格将不再可编辑，并且编辑按钮再次出现在该行上。我正在尝试使用一种方法来处理编辑并切换到“保存”和“取消”按钮。

我的HTML，没有方法，如下：

<ng-template let-value="value" let-rowIndex="rowIndex" ngx-datatable-cell-template>
    <span class="mobile-hidden button-spacing">
        <button ion-button small *ngIf="editing != rowIndex" (click)="editing[rowIndex + '-name'] = true">Edit</button>
        <button ion-button small *ngIf="editing === rowIndex" (click)="updateValue($event, 'name', rowIndex)">Save</button>
        <button ion-button outline small *ngIf="editing === rowIndex">Cancel</button>
    </span>
</ng-template>

使用该 HTML，当我单击“编辑”时，“名称”单元格变得可编辑。我目前必须移开或单击表格的另一个区域以使单元格不可编辑。当我编辑单元格时，“编辑”按钮仍保留在屏幕上，“保存”和“取消”按钮均不出现。

我正在尝试使用带有“编辑”按钮的方法来显示“保存”和“取消”按钮。新行如下：

<button ion-button small *ngIf="editing != rowIndex" (click)="storeOldValues(rowIndex)">Edit</button>

然后我在 TypeScript 文件中创建函数：

storeOldValues(rowIndex) {
    this.nameOld = this.rows[rowIndex].name;
    this.editing[rowIndex + '-name'] = true;
    this.editing = rowIndex;
}

使用该方法后，当我单击“编辑”（该方法的第三行）时会出现“保存”和“取消”按钮，但我无法实际编辑单元格。问题似乎是同时使用该方法的第二行和第三行，因为当我注释掉第三行时，该单元格再次可编辑，但没有出现保存和取消按钮。

我从 ngx-datatable 演示代码中得到了该方法的第二行，但我不太明白它是如何工作的。我想知道这是否是我无法使代码工作的部分原因。具体来说，“rowIndex + '-name'”是如何工作的？看起来它只是将文字“-name”连接到 rowIndex，但我确信这不是它的作用。这如何使名称单元格可编辑？名字前面的减号有什么作用？有没有更好的方法来做我想做的事情？

谢谢！