标签: ionic5

我正在使用 ionic 5 和 Angular 9。我正在尝试创建一个反应式表单，但出现错误“没有名称的表单控件的值访问器：'姓氏'”。

这是我的代码：

export class ModalComponent implements OnInit {

  public form: FormGroup;

  constructor(private modalController: ModalController,
              private formBuilder: FormBuilder) { }

  ngOnInit(): void {
    this.initForm();
  }

  public close(): void {
    // using the injected ModalController this page
    // can "dismiss" itself and optionally pass back data
    this.modalController.dismiss({
      'dismissed': true
    });
  }

  public initForm(): void {
    this.form = this.formBuilder.group({
      firstname: ['', Validators.required],
      lastname: ['', Validators.required]
    });
  }

  logForm(){
    console.log(this.form.value)
  }
}

<form [formGroup]="form" (ngSubmit)="logForm()" novalidate>
    <ion-item>
      <ion-label>Last name</ion-label> …

如何更改ion-searchbar输入的字体大小？任何人都可以请帮忙。

<ion-searchbar></ion-searchbar>

这是我尝试过的，但这不起作用

.searchbar-input {
  font-size: 10px;
}

请参考我在Stackblitz 中创建的工作示例

Android studio 不断构建第一个 Android 项目并将其安装到设备中。

我努力了

npx cap sync

npx cap copy android

甚至删除/android文件夹并重新添加。该项目仍然是我第一次添加到android studio时的情况。我尝试过“Gradle 同步”和“无效缓存/重新启动”仍然没有成功。

我已将项目资源图标和启动画面更新为自定义图标，但 Android 项目仍然使用电容器默认图标和启动画面。以前有人遇到过这个问题吗？

我无法在 Ionic 5 中实现 canDeactivate 防护。以下是我的代码。

模型.ts

export interface isDeactivatable {
    canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
 }

离开页面.guard.ts

export class LeavePageGuard implements CanDeactivate<isDeactivatable>{
  canDeactivate(
    component: isDeactivatable
  ): Observable<boolean> | Promise<boolean> | boolean {
    console.log('LeavePageGuard');
    return component.canDeactivate();
  }

}

测试页.ts

export class TestPage implements OnInit, isDeactivatable{
      canDeactivate(): Observable<boolean> | Promise<boolean> | boolean {
        console.log('canDeactivate in TestPage');
        return true;
      }
}

本地路由.Module.ts

const routes: Routes = [
  {
    path: '',
    component: HomePage,
    children:[
      {
        path: 'test',
        loadChildren: () => …

如何为 Web 实现捕获此异常，或继续处理 Web 推送通知。

如果有人可以帮助我，那将非常有帮助。?

我已经实现的代码：

    PushNotifications.addListener('registrationError', (error: any) => {
      console.log('Error on registration: ' + JSON.stringify(error));
    });

    PushNotifications.addListener(
      'pushNotificationReceived',
      (notification: PushNotification) => {
        console.log('Push received: ' + JSON.stringify(notification.data));
        this.openToast(notification.data);
      }
    );

    PushNotifications.addListener(
      'pushNotificationActionPerformed',
      (notification: PushNotificationActionPerformed) => {
        console.log(
          'Push action performed: ' +
            JSON.stringify(notification.notification.data)
        );
        this.navigate.navigateForward([
          'profile',
          notification.notification.data.identification,
        ]);
      }
    );

只是想知道如何PushNotification在ionic using capacitor. 如果有任何插件或至少我可以处理这个异常。

如果有任何进一步的澄清，请告诉我

我正在尝试使用电子邮件和密码注册用户。如果注册功能有效，则会向用户的电子邮件地址发送一封邮件，该邮件必须包含用户单击以确认电子邮件地址的链接。我尝试使用AngularFireAuth.auth.currentUser.sendEmailVerification()函数来执行此操作，但它不起作用：此版本的 AngularFire/Firebase 不支持此方法。你能帮助我吗 ？

import {Injectable, NgZone} from '@angular/core';
import {AngularFireAuth} from '@angular/fire/auth';
import {first} from 'rxjs/internal/operators/first';
import * as firebase from 'firebase';
import {AngularFirestore} from '@angular/fire/firestore';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  public userId: string;

  constructor(
      private afAuth: AngularFireAuth,
      private afStore: AngularFirestore,
      public ngZone: NgZone
  ) { }

  getUser(): Promise<firebase.User>{
    return this.afAuth.authState.pipe(first()).toPromise();
  }
  loginWithEmailAndPassword(email: string, password: string): Promise<firebase.auth.UserCredential>{
    return this.afAuth.signInWithEmailAndPassword(email, password);
  }
  async registerWithEmailAndPassword(email: string, password: string): Promise<firebase.auth.UserCredential>{
    const newUserCredential: firebase.auth.UserCredential = await this.afAuth.createUserWithEmailAndPassword(email, password); …

我收到以下错误：

core.js:7812 Can't bind to 'checked' since it isn't a known property of 'ion-radio'.

我在 HTML 上的代码是：

    <ion-list>
      <ion-radio-group value="default" (ionChange)="radioGroupChange($event)">
        <ion-list-header>
          <ion-label>Image language</ion-label>
        </ion-list-header>
    
        <ion-item>
          <ion-label>SPA</ion-label>
          <ion-radio [checked]="true" slot="start" value="spa"></ion-radio>
        </ion-item>
    
        <ion-item>
          <ion-label>RU</ion-label>
          <ion-radio slot="start" value="ru"></ion-radio>
        </ion-item>
    
        <ion-item>
          <ion-label>ENG</ion-label>
          <ion-radio slot="start" value="eng"></ion-radio>
        </ion-item>
      </ion-radio-group>

    </ion-list>

如何设置默认选中的单选按钮？

我正在使用sms-retriver获取应用程序哈希字符串，但收到错误

包 android.support.annotation 不存在

我通过更改解决了这个错误

导入 android.support.annotation.NonNull;

上面的代码改为下面的代码

导入 androidx.annotation.NonNull;

更改发生在文件路径中

android\capacitor-cordova-android-plugins\src\main\java\com\codingsans\ionic\smsRetriever\AndroidSmsRetriever.java

该文件无法推送到存储库并在离子集线器中出现相同的错误。

Angular JIT 编译失败：“@angular/compiler”未加载！

• 对于生产用例，不鼓励使用 JIT 编译！请考虑使用 AOT 模式。
• 您是否使用“@angular/platform-b​​rowser-dynamic”或“@angular/platform-server”进行引导？
• 或者为编译器提供 'import "@angular/compiler";' 在引导之前。

在开发模式下构建生产构建时出现此错误，但没有出现任何错误

我正在尝试为 ionic 5 应用程序构建一个 ios 版本，我在构建应用程序时在我的应用程序中收到此错误。我在互联网上寻找解决方案，但似乎没有任何效果

/Users/Prateek/ionicApps/muniFlores/platforms/ios/CordovaLib/Classes/Private/Plugins/CDVWebViewEngine/CDVWebViewEngine.m:141:27: error: property
      'defaultWebpagePreferences' not found on object of type 'WKWebViewConfiguration *'
            configuration.defaultWebpagePreferences.preferredContentMode = WKContentModeMobile;
                          ^
/Users/Prateek/ionicApps/muniFlores/platforms/ios/CordovaLib/Classes/Private/Plugins/CDVWebViewEngine/CDVWebViewEngine.m:141:76: error: use of undeclared
      identifier 'WKContentModeMobile'
            configuration.defaultWebpagePreferences.preferredContentMode = WKContentModeMobile;
                                                                           ^
/Users/Prateek/ionicApps/muniFlores/platforms/ios/CordovaLib/Classes/Private/Plugins/CDVWebViewEngine/CDVWebViewEngine.m:143:27: error: property
      'defaultWebpagePreferences' not found on object of type 'WKWebViewConfiguration *'
            configuration.defaultWebpagePreferences.preferredContentMode = WKContentModeDesktop;
                          ^
/Users/Prateek/ionicApps/muniFlores/platforms/ios/CordovaLib/Classes/Private/Plugins/CDVWebViewEngine/CDVWebViewEngine.m:143:76: error: use of undeclared
      identifier 'WKContentModeDesktop'
            configuration.defaultWebpagePreferences.preferredContentMode = WKContentModeDesktop;