标签: ionic-framework

我想切换到 Ionic 应用程序（ android ），但在网上给出了很多想法。请帮助我选择创建 Ionic 应用程序的最佳方式，

我是新开发人员。发现错误，无法创建Android版APK。

已经设置到环境变量中，但没有任何反应..请帮助我。给我解决办法。

D：\ Ionic \ testPushNotification> cordova构建android运行命令：D：\ Ionic \ Node \ node.exe D：\ Ionic \ testPushNotification \ hooks \ after_prepare \ 010_add_platform_class.js D：\ Ionic \ testPushNotification添加到主体类：platform- android ANDROID_HOME = D：\ Android \ sdk JAVA_HOME = C：\ Program Files \ Java \ jdk1.8.0_121子项目路径：CordovaLib无法通知ProjectEvaluationListener.afterEvaluate（），但主要配置失败优先。建立失败

我需要唯一地识别每个设备。我认为获得IMEi num的最佳方法。但我怎么能做到这一点。

我已阅读文档https://ionicframework.com/docs/native/uid/但不清楚。

如果有任何其他过程可以建议我。

我有一组 Ionic Radio 按钮，它们在移动设备上显示为复选框。我试图使用 css 使它像一个圆圈，但它不起作用我需要在所有屏幕上圈出单选按钮。附上参考图片请看一下

参考站点

<ion-list name="test" radio-group [(ngModel)]="ionic-radio">
   <ion-item>
      <ion-radio class="radio radio-inline radio-gray" value="3" checked></ion-radio>
      <ion-radio value="2"></ion-radio>
      <ion-radio value="1"></ion-radio>
   </ion-item>                           
</ion-list>

CSS

从参考站点使用

预期输出:字符串中的01-2019或02-2019.

我在Angular .ts文件中需要这个.不在HTML视图文件中.

我正在尝试启动一个新的 Jhipster Ionic，但我遇到了这个错误：

$yo jhipster-ionic
events.js:183
      throw er; // Unhandled 'error' event
      ^

TypeError: this.getJhipsterAppConfig is not a function
    at module.exports.readConfig (C:\Users\User\AppData\Roaming\npm\node_modules\generator-jhipster-ionic\generators\app\index.js:63:47)
    at Object.<anonymous> (C:\Users\User\AppData\Roaming\npm\node_modules\generator-jhipster-ionic\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:424:27)
    at C:\Users\User\AppData\Roaming\npm\node_modules\generator-jhipster-ionic\node_modules\run-async\index.js:25:25
    at new Promise (<anonymous>)
    at C:\Users\User\AppData\Roaming\npm\node_modules\generator-jhipster-ionic\node_modules\run-async\index.js:24:19
    at self.env.runLoop.add.completed (C:\Users\User\AppData\Roaming\npm\node_modules\generator-jhipster-ionic\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:425:13)
    at runCallback (timers.js:810:20)
    at tryOnImmediate (timers.js:768:5)
    at processImmediate [as _immediateCallback] (timers.js:745:5) 

这是我的 npm 版本：

+ yo@2.0.6
+ generator-jhipster-ionic@3.3.0
+ ionic@4.12.0
+-- generator-jhipster@6.0.1
`-- generator-jhipster-ionic@3.3.0
  `-- generator-jhipster@6.0.1

有人可以提供一些帮助吗？

我正在使用ionic中的GeoLocation NativeGeoCoder插件进行获取。我想在多个页面中使用位置。

我在创建函数 app.component.ts

constructor(
    private geolocation: Geolocation,
    private nativegeocoder: NativeGeocoder
  ) {
    this.getGeoLocation();
  }

getGeoLocation() {
    const options: NativeGeocoderOptions = {
        useLocale: true,
        maxResults: 5
    };
    this.geolocation.getCurrentPosition().then((resp) => {
        console.log(resp);
        this.nativegeocoder.reverseGeocode(resp.coords.latitude, resp.coords.longitude, options)
        .then((result: NativeGeocoderResult[]) => {
            console.log(JSON.stringify(result[0]));
        }).catch((error) => console.log(error));
    }).catch((error) => {
        console.log(error);
    });
}

如何使用和调用functio刷新位置。

错误： 未捕获的 ReferenceError：dismissModal 未在 HTMLElement.onclick 中定义

Match-Summary-Modal.component.html

<ion-header translucent>
  <ion-toolbar>
    <ion-title>Match Summary</ion-title>
    <ion-buttons slot="end">
      <ion-button onclick="dismissModal()">Return to Queue Page</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-card>
    <ion-card-content>This match you had a score of {{score}}</ion-card-content>
    <ion-card-content>And a place of {{place}} out of {{playerCount}} players</ion-card-content>
  </ion-card>
</ion-content>

Match-Summary-Modal.component.ts

import { Component, OnInit, Input} from '@angular/core';
import { ModalController } from '@ionic/angular';

@Component({
  selector: 'app-match-summary-modal',
  templateUrl: './match-summary-modal.component.html',
  styleUrls: ['./match-summary-modal.component.scss'],
})
export class MatchSummaryModalComponent implements OnInit {
  @Input() score: number;
  @Input() place: number;
  @Input() playerCount: number; …

我正在 Angular 的一个项目中开发语言替代方案，到目前为止我还没有遇到问题，但我在这条线上遇到了错误

它的工作原理是这样的

stepStatus == 1 ? 'Start Step' : 'Procedure.EndStep' | translate  }}
<ion-icon slot="end" [name]="stepStatus == 1 ? 'play' : 'square'" size="20px"></ion-icon>

但它不是那样工作的

stepStatus == 1 ? 'Procedure.StartStep' | translate : 'Procedure.EndStep' | translate  }}
<ion-icon slot="end" [name]="stepStatus == 1 ? 'play' : 'square'" size="20px"></ion-icon>

我的杰森

"Procedure":{
        "Procedure" : "Procedure",
        "AddPhoto" : "Add Photo",
        "View": "View",
        "StartStep":"Start Step",
        "EndStep": "End Step"  
    },

我正在尝试将应用内浏览器插件与 Ionic 和电容器一起使用。按照文档安装并使用插件后，我收到以下错误：

[webpack-dev-server] ERROR
node_modules/@awesome-cordova-plugins/in-app-browser/ngx/index.d.ts:1:44 - error TS2307: Cannot find module '@awesome-cordova-plugins/core' or its corresponding type declarations.

1 import { AwesomeCordovaNativePlugin } from '@awesome-cordova-plugins/core';

请注意，我已经通过以下方式安装了该插件：

npm install @awesome-cordova-plugins/core --save

我正在使用Ionic 6.19and@capacitor/core 4.6.3angular 15.1.4