标签: ionic4

我正在尝试向 ionic ion-list-header 元素添加一个图标，以管理列表项的添加。

我尝试了以下代码，但它不起作用。我开始相信这是不被承认的，但在我看来，不可能将图标添加到列表标题中，这看起来很愚蠢。

我感谢您的帮助。提前致谢。

<ion-list-header color="primary">
  <ion-icon name="add" slot="end"></ion-icon>
  <ion-label>Header text</ion-label>
</ion-list-header>

我正在使用电容器插件来获取图像文件（从相机或图库）。PC 和 Android 运行良好，但代码在 iPhone 上崩溃。

它打开图库，我抓取图像，但在尝试显示时崩溃了

我检查了权限，它们都已设置。为什么只在ios上会崩溃？是不是弦有问题？安全？

HTML：

< ion-img role="button" class="image" [src]="selectedImage" *ngIf="selectedImage" >

交易代码：

Plugins.Camera.getPhoto({
    quality: 100,
    source: CameraSource.Prompt,
    correctOrientation: true,
    allowEditing: false,
    resultType: CameraResultType.Base64
})
 .then(image => {
      this.selectedImage = image.base64Data; // VAR TO DISPLAY IN HTML
  })

错误日志

编辑：现在我使用 DomSanitizer 和 SafeResourceUrl 来变量。错误停止了，但图像不会显示

我不断收到以下错误：

[ng] ERROR in src/app/home/home.page.ts(34,10): error TS2339: Property 'router' does not exist on type 'HomePage'.

我正在尝试将Wordpress 与 Ionic 4结合起来，到目前为止我设法从我的网站获取最近的帖子。现在我想让这些可点击并导航到它们，但由于我的代码片段中的这段代码，我收到了上面提到的错误home.page.ts

  openPost(postId) {
    this.router.navigateByUrl('/post/' + postId);
  }

完整页面：

import { Router } from '@angular/router';
import { Component } from '@angular/core';
import { LoadingController } from '@ionic/angular';
import { WordPressRestapiService, Post } from '../services/wordpress-restapi.service';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  categoryId: number;
  private posts : Post[] = [];

  constructor(
    public loadingController: LoadingController, …

我正在使用 Ionic 4 开发一个应用程序，页面底部有一个选项卡面板。问题是选项卡面板未显示在所有其他页面上。如何解决这个问题？

我尝试在 iMac 上安装 ionic 4。我用这个：npm install -g ionic Cordova

当我使用 ionic 命令时出现此错误：“ionic：找不到命令”

最后我有这个：+ ionic@5.2.7 + cordova@9.0.0

当我尝试使用一些 Cordova 命令时它起作用了。

我试图从 ion-select 中获取选定的选项值，但是当我从 ion-select 中选择任何值时，我得到了未定义的值，因为我是 ionic 4 的新手。我无法自行对其进行排序。

  <ion-item>
              <ion-label>Country</ion-label>
              <ion-select formControlName="country" (ionChange)="countryChange($event)" >
                  <ion-select-option *ngFor="let country of countries" [value]="country.value">{{country.name}}</ion-select-option>
              </ion-select>
          </ion-item>

home.page.ts 文件

    countryChange(country : Country) {
        console.log(country.id) ;
    }

使用 Cordova 插件在 Ionic 4 中启动项目。我正在尝试将 NFC 初始化到项目中。我只是按照 Ionic 文档进行操作，并将 Cordova-Plugin 添加到 package.json 中。现在我正在尝试添加一个 NdefListener。这样我就可以读取、写入和清除 NFC 标签。

我尝试使用 @ionic-native/nfc 而不是 @ionic-native/nfc/ngx 但我的代码找不到 @ionic-native/nfc。

我的 Ionic CLI 是 5.2.8 。

这是在我的 home.page.ts 中。

import { NFC, Ndef } from "@ionic-native/nfc/ngx";

constructor(private nfc: NFC, private ndef: Ndef) {}

当我在构造函数中仅使用 ndef 且没有其他代码时收到的错误代码，当我将 NFC 放在第一位时，仅将 Ndef 更改为 NFC 时也会发生同样的情况。

ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[HomePage -> Ndef]: 
  StaticInjectorError(Platform: core)[HomePage -> Ndef]: 
    NullInjectorError: No provider for Ndef!
NullInjectorError: StaticInjectorError(AppModule)[HomePage -> Ndef]: 
  StaticInjectorError(Platform: core)[HomePage -> …

我正在使用离子范围添加范围滑块，并想向范围旋钮添加边框。由于它的 ionic4 和范围旋钮是 Shadow dom 的一部分，我无法使用范围旋钮的 border 属性直接更改边框。我已附上我想要实现的图像。范围旋钮周围有白色边框。现有属性只有一个接近我的要求的框阴影属性，但仍然没有给出与图像完全相同的结果。如何为旋钮添加边框？

在 ionic 4 中创建全屏 ionic 侧面菜单

我想要一个全屏创建 ionic 4 侧面菜单，就像这个图片一样

下图：-

我想要一个全屏创建 ionic 4 侧面菜单，就像这个图片一样

我正在尝试将我的离子应用程序部署到 Google Play。但是，当我上传应用程序 apk 文件时，我收到此错误消息You need to use a different package name because "io.ionic.starter" already exists in Google Play.根据此线程：将基于 Ionic 构建的 apk 上传到 google playstore 时出错我需要更改我的文件，我只在具有此内容的config.xml路径中看到配置文件app/res/xml/config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <access origin="*" />

</widget>

我该如何解决这个问题？请注意，我有这个capacitor.config.json

{
  "appId": "io.ionic.stackie",
  "appName": "Stackie",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "www",
  "cordova": {}
}