标签: ionic3

我正在尝试使用 jquery 上传和预览图像。但得到这个

错误

Property 'result' does not exist on type 'EventTarget'.
reader.onload = function (e) {
 $('#blah').attr('src', e.target.result);
}

页面.ts

function readURL(input) {

  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
      $('#blah').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
  }
}


$('#file').on('change', function () {
  readURL(this);
});

页面.html

 <label for="file" class="lbl"><i class="fa fa-plus-circle"></i> &nbsp; Add Attachment</label>
<input type="file" id="file" style="visibility: hidden">
<img src="#" id="blah">

解决办法是什么？我认为这段代码是正确的，但问题在于“结果”属性。提前致谢

当尝试使用 ionic-view ( www.ionicjs.com )编译 ionic 3 应用程序时，出现以下错误

Error: Cannot find module '@angular/tsc-wrapped/src/tsc'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object. (/usr/src/app/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:7:13)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
npm info lifecycle MedMan@0.0.1~build: Failed to exec build script
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! MedMan@0.0.1 build: `ionic-app-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the MedMan@0.0.1 build …

我尝试将 Ionic-3 选择列表放在图像图标中，但它不起作用，有人知道如何正确执行此操作吗？

这是我的代码

 <ion-item >\n      <ion-label><p class="ion-lbl">Country</p></ion-label>\n      <ion-select [(ngModel)]="Country">\n          <option value="AF"><ion-img width="20" height="20" src="/assets/imgs/afg-icon.png"></ion-img> Afghanistan </option>\n        <option value="AX">\xc3\x85land Islands</option>\n        <option value="AL">Albania</option>\n        <option value="YE">Yemen</option>\n        <option value="ZM">Zambia</option>\n        <option value="ZW">Zimbabwe</option>\n\n\n      </ion-select>\n    </ion-item>\n

我有一个使用 Ionic 1 构建的应用程序。我将此应用程序升级到 Ionic 3。在执行此操作时，我遇到了麻烦。这是我无法在 Ionic 3 中创建与 Ionic 1 相同的微调器。这是 Ionic 1 中微调器的视频。

为 Ionic 1 加载微调器视频

另外，这是 我在 Ionic 3 中创建的视频。期待收到一个好的解决方案。

我有一个 ionic 3 项目，我想将 firebase 添加到该项目中。

我安装了 firebase cordova 插件并将我的 google-services.json 放入其中，resources/android但在解析 google-services.json 时出现错误：No matching client found for package name [name here]

当我查看我放入resources/android包名称的google-services.json 时，包名称是正确的，但是当我查看platforms/android文件时完全不同，包名称是com.github.cordova_plugin_firebase

任何人都知道如何确保使用正确的 google-services.json？

我正在使用带有许多应用程序的 ionic 3 版本，并且运行良好。现在对于我的新项目，我想在 ionic 4 中进行开发，但不想卸载 ionic 3。因此，当我运行以下命令在本地安装 ionic 4 时，它会引发错误。

命令：

npm install ionic@rc cordova

错误：

npm install ionic@rc cordova

如何解决这个问题？

在我的 ionic 3 项目中，按钮图标没有居中。当我在浏览器中测试时，它可以正常工作，在 android 设备中它也可以正确显示在中心。

但只有在 ios 设备中，它才不会显示在中心。

上面的屏幕截图来自 ios 设备。因为 +,- 符号没有在中心对齐。

html代码：

<ion-col style="display: contents">
  <button primary large class="inbtn" (click)="decrement()">
      <ion-icon name="remove" ></ion-icon>
</button>
<h2 style="margin-left: 7px;margin-top: 0px;font-size: 2.4rem;"><b>{{currentNumber}}</b></h2>
<button primary large class="inbtn" (click)="increment()" >
  <ion-icon name="add" ></ion-icon>
</button>
</ion-col>

css：

.inbtn{
     height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    font-size: large;
    font-weight: 500;
    margin-left: 7px;
    vertical-align: middle;
    background-color:  #d8d8d8 !important;
    text-align: center;
  -webkit-appearance: none;
    }

我想在滚动时隐藏和显示我的标签栏。想要在用户向下滚动时隐藏它并在向上滚动时显示它。onScroll方法中如何判断方向？

下面是我的 onScroll 函数：

onScroll($event: CustomEvent<ScrollDetail>) {
    if ($event && $event.detail && $event.detail.scrollTop) {
        let scrollTop = $event.detail.scrollTop;
        console.log($event, scrollTop);
        document.querySelector('ion-tab-bar').style.display = 'none';
    }
}

如果我尝试在 div 标签中添加它。 <div>{{list.color_code}}</div>

那么它的完美工作但是当我尝试这个内联css时，它不会反映在浏览器的inspect元素上。样式标签在检查元素中保持为空style = "";

我正在使用以下语法。

<div style="background:{{list.color_code}}">Hello</div>

我正在尝试构建一个 ionic 项目，当我尝试使用该命令时，
ionic capacitor run android
我收到一条错误消息，
[error] Unable to find node_modules/cordova-plugin-whitelist. Are you sure cordova-plugin-whitelist is installed? [ERROR] An error occurred while running subprocess capacitor.
我已检查是否安装了cordova-plugin-whitelist，它是
Plugin "cordova-plugin-whitelist" already installed on android. Adding cordova-plugin-whitelist to package.json
如何解决这个问题的？