小编Tom*_*vic的帖子

如何将 Ionic Cordova 3 迁移到 Ionic Cordova 5?

我有Ionic 3项目,我必须升级Ionic 5。请需要升级项目的最佳方式。

ionic-framework ionic3 ionic5

7
推荐指数
1
解决办法
5234
查看次数

Sharebutton.to显示为我的一个页面

当我查看行为 - > 网站内容 - 它显示/sharebutton.to是我最受欢迎的页面之一,我不得不知道为什么.

我做了一些研究,并找到了如何删除sharebutton.to作为一个反馈链接,但我还没有找到任何关于为什么谷歌分析认为/sharebutton.to是我的一个页面.

如果您实际转到链接coloriddistribution/com/sharebutton.to,它将转到404页面.

我该如何纠正这一点,以便获得准确的分析?看截图:

在此输入图像描述

google-analytics

6
推荐指数
1
解决办法
6849
查看次数

什么时候应该将 FormControl 标记为原始?

我与同事讨论了表单应如何操作,对于后端驱动的输入字段应如何响应用户输入,我们有不同的想法。

这个讨论是基于Angular 对原始的定义

“pristine”表示自从该值以这种形式显示以来,用户没有更改过该值。

因此,假设用户有一个自动完成输入来查找附近的机场,当用户选择一个选项时,我们将 的值设置FormControl为所选选项。

据我了解,既然用户选择了该选项,那么 FormControl 就被用户更改了。

我同事的理解是,更改是程序化的,并且是FormControl根据某些后端进程进行更新的,因此该值是“可信的”并被标记为原始的。

原始有更具体的定义吗?一种考虑后端流程或编程输入的方法?

angular angular-reactive-forms

6
推荐指数
1
解决办法
9960
查看次数

具有不同图像大小或高度的离子滑块

我正在使用ion-slide-box,但问题是,我的ion-slides图像大小不一样,它使用 ng-repeat 动态重复不同大小的图像

                    <ion-slide ng-repeat="sliderimages in sliderimages">
                        <img src={{sliderimages.url}} style="width:100%;height:auto;"/>
                    </ion-slide>
                </ion-slide-box>
Run Code Online (Sandbox Code Playgroud)

我使用这个 CSS 来适应所有图像的高度

.slider {
  height: 200px;
  width:100%;
}
.slider-slide {
  color: #000;
  background-color: #fff;
  height: 100%;
  width:100%;
}
Run Code Online (Sandbox Code Playgroud)

但身高不太合适适合图像

上面的空间

我必须添加任意大小的图像,使其适合 Ionic 滑块。

angularjs cordova ionic-framework

5
推荐指数
1
解决办法
9906
查看次数

传单叠加顺序(点、线和多边形)

我正在使用Leaflet.StyledLayerControl插件,并希望设置我的图层,以便多边形始终被推到后面,线位于多边形上方,点位于线上方。

我在这里搜索了解决方案,但大多数都指的是tilelayers或地图窗格(我认为它们只能与传单1.0的另一个版本一起使用)。

我希望能够打开和关闭线,并让它们始终位于点下方(与折线下方的多边形相同)。

我猜我必须用setZIndexor做一些事情bringToFront(),但我不知道从哪里开始。

任何帮助,将不胜感激。谢谢。

javascript overlay layer panes leaflet

5
推荐指数
1
解决办法
5008
查看次数

如何从 Cordova 相机预览插件获取照片?

我正在使用这个插件 Cordova Camera Preview Plugin

当我拍照时,我得到了一个错误。我不知道如何从这个 URL 读取图像。我想要那个图像的 base64。

这是错误图像:

在此处输入图片说明

这是我的 HTML

<div class="controls">
  <div class="block">
    <button id="startCameraButton">Start Camera at back</button>
    <button id="stopCameraButton">Stop Camera</button>
  </div>

  <div class="block">
    <p><button id="startCameraAnotherPosButton">Start Camera at front</button></p>

    <p>Color Effect:
    <select id="colorEffectCombo">
      <option selected value="none">None</option>
      <option value="aqua">Aqua</option>
      <option value="blackboard">Blackboard</option>
      <option value="mono">Mono</option>
      <option value="negative">Negative</option>
      <option value="posterize">Posterize</option>
      <option value="sepia">Sepia</option>
      <option value="solarize">Solarize</option>
      <option value="whiteboard">Whiteboard</option>
    </select>
    </p>
  </div>
  <div class="block">
    <button id="takePictureButton">Take Picture</button>
    <button id="switchCameraButton">Switch Camera</button>
  </div>
  <div class="block">
    <button id="hideButton">Hide</button>
    <button id="showButton">Show</button>
  </div>
</div>
<div class="pictures">
  <p><img id="previewPicture" width="200"/></p> …
Run Code Online (Sandbox Code Playgroud)

camera cordova ionic-framework cordova-plugins

5
推荐指数
1
解决办法
2311
查看次数

input type="number" 不适用于 iOS 设备中的 Ionic 应用程序

在 Ionic 3 应用程序中,对于数字字段,数字键盘不会出现在 iOS 设备中。对于输入类型number,数字与字母一起显示在键盘的第一行中。在 Android 中,它运行良好。我尝试使用角度图案\d*,但inputmode="numeric"仍然不起作用。

 <input type="number" pattern="[0-9]*" inputmode="numeric">
Run Code Online (Sandbox Code Playgroud)

numeric-keypad ios hybrid-mobile-app ionic-framework ionic3

5
推荐指数
1
解决办法
6379
查看次数

如何在 Angular/Ionic 框架中设置离子输入样式?

我正在使用 Angular 7 和 Ionic 4,我正在尝试设计一个具有许多离子输入的表单。

我已经尝试了很多 CSS 选项,但似乎没有任何效果。

现在,我拥有的离子输入高度非常大,我想让它们看起来更好、更小。

我尝试为 ion-inputs 提供一个类,听说这样修改 CSS 会更容易,但它不起作用。

我的输入HTML代码如下所示:

<ion-item lines="none" class ="itemform">
   <ion-input  class ="inputClass" id = "nameInput" [(ngModel)]="name" 
       [ngModelOptions]="{standalone: true}" type = "text" placeholder = 
       "Package's Name" required>
   </ion-input>
</ion-item>

Run Code Online (Sandbox Code Playgroud)

以及CSS代码:


ion-input{
    --background: rgb(219,219,219);

}

.itemform {
    border-radius: 10px !important;
    padding-left: 30px !important;
    padding-right: 30px;
    font-size: 0.9em;
    border: 1px solid #f1f1f1;
    background: rgb(219, 219, 219);
    height: 10%;
    width: 50%;
}
Run Code Online (Sandbox Code Playgroud)

宽度可以改小一点,但是高度有默认值(或者我不明白的问题)并且无法调整大小。

我想了解为什么高度不能改变以及如何改变它并使我ion-input看起来更好。

html css ionic-framework angular ionic4

5
推荐指数
1
解决办法
2万
查看次数

来自 Angular/NodeJS/ExpressJS 的 3rd 方 URL POST 请求

选项 4.2 对我来说似乎是最好的方向。有没有人有其他建议?

有没有办法在以下任何一种情况下访问响应,或者我需要重写整个逻辑?


我需要使用带有或不带有重定向的 NodeJS/ExpressJS 的 Angular Typescript 向第 3 方支付提供商执行表单 POST。

流动:

在此处输入图片说明

问题是,在某些情况下,当我成功执行 URL 重定向时,我没有收到来自支付网关的任何响应当用户点击“支付” -“普拉蒂”时,他将被重定向到成功页面http://example.com/success,如果出现错误响应页面http://example.com/cancel

在此处输入图片说明

预期的场景

用户来到网站选择产品并点击购买按钮。那时,他/她会被带到另一个页面,他/她在那里付款。成功付款后,用户被重定向回网站,我收到服务器的响应并向用户显示相关消息。

选项 1 - 表单操作 URL

如果我执行标准表单提交并将支付网关 URL 放在里面,[action]="'https://test-wallet.example.com/checkout/'"那么用户将被直接重定向到该 URL 并且支付将被成功处理。但在这种情况下,我不会收到我需要知道要向用户显示哪些数据的响应 - 成功或错误消息。

<form [action]="'https://test-wallet.example.com/checkout/'" ngNoForm method="POST" target="_blank">
      <button type="submit">Pay with card</button>
      <input name='param1' value='param1'>
      <input name='param2' value='param2'>
      <input name='param3' value='param3'>
      <input name='param4' value='param4'>
      <input name='param5' value='param5'>
      <input name='param6' value='param6'>
      <input name='param7' value='param7'>
      <input name='param8' value='param8'>
      <input name='param9' …
Run Code Online (Sandbox Code Playgroud)

post payment-gateway node.js express angular

5
推荐指数
1
解决办法
2626
查看次数

Ionic-Vue Ionicons 5.xx 不显示图标

我将 ionic-vue 与 ionicons 5.0.1 一起使用,但在通话后

<ion-icon name="add"></ion-icon>
Run Code Online (Sandbox Code Playgroud)

我正在关注https://dev.to/aaronksaunders/build-your-first-ionic-vue-app-18kjhttps://github.com/ionic-team/ionic/issues/19078教程,但卡住了和图标在 FAB 中无法显示。这是我的语法,谢谢你的帮助。

<template>
   <ion-page>

        ....

        <ion-fab vertical="bottom" horizontal="end" slot="fixed">
            <ion-fab-button @click="$router.push({ name: 'new-item' })">
                <ion-icon name="add"></ion-icon>
            </ion-fab-button>
        </ion-fab>
        </ion-content>
    </ion-page>
</template>

<script>

...

import { addIcons } from 'ionicons';
import * as allIcons from 'ionicons/icons';

const currentIcons = Object.keys(allIcons).map(i => {
  const key = i.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
  if(typeof allIcons[i] === 'string') {
    return {
      [key]: allIcons[i],
    }
  }
  return {
    ['ios-' + key]: allIcons[i].ios,
    ['md-' + …
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionicons vuejs2 ionic-vue

5
推荐指数
1
解决办法
4641
查看次数