小编Kol*_*gaR的帖子

Ionic 为什么 nativeElement 为 undefined?

我有一个使用段的离子应用程序,并且在一个段上我想显示谷歌地图。当我们首先加载这个段时它可以工作,但是当我转到另一个段并且我想回到谷歌地图段时,我收到一条错误消息。我不知道如何解决这个问题。

类型错误:无法读取未定义的属性“nativeElement”

HTML

<ion-header>
    <ion-toolbar>
      <ion-segment [(ngModel)]="gps" color="light">
        <ion-segment-button value="information" (click)="onInformationClick()">
          <ion-icon name="information-circle"></ion-icon>
        </ion-segment-button>
        <ion-segment-button value="navigate" (click)="onNavigateClick()">
          <ion-icon name="navigate"></ion-icon>
        </ion-segment-button>
        <ion-segment-button value="settings" (click)="onSettingsClick()">
            <ion-icon name="settings"></ion-icon>
          </ion-segment-button>
      </ion-segment>
    </ion-toolbar>
  </ion-header>


<ion-content class="home">
        <div [ngSwitch]="gps" id="contenu">
            <div *ngSwitchCase="'information'"><h1>information</h1></div>


            <div #map id="map" *ngSwitchCase="'navigate'"></div>


            <div *ngSwitchCase="'settings'"><h1>settings</h1></div>
        </div>

</ion-content>
Run Code Online (Sandbox Code Playgroud)

打字稿

import { Component ,ViewChild, ElementRef} from '@angular/core';
import { NavController, Platform} from 'ionic-angular';
import { AndroidPermissions } from '@ionic-native/android-permissions';

declare var SMS:any;
declare var google:any;
@Component({
  selector: 'page-informations',
  templateUrl: 'informations.html'
})
export class InformationsPage { …
Run Code Online (Sandbox Code Playgroud)

javascript ionic-framework viewchild angular

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

标签 统计

angular ×1

ionic-framework ×1

javascript ×1

viewchild ×1