我正在创建一个小应用程序Angular2+Ionic2.在这个程序我想初始化google-map到view segment当用户切换到map-segment使用ion-segment

以下是示例代码结构:

<ion-navbar *navbar class="hide-navbar">
    <ion-segment [(ngModel)]="homeSegment">
        <ion-segment-button value="list">
            List..
        </ion-segment-button>
        <ion-segment-button value="map" >
            Map
        </ion-segment-button>
    </ion-segment>
</ion-navbar>
<ion-content>
    <div [ngSwitch]="homeSegment" >

        <div *ngSwitchWhen="'map'">
            <div id="googleMap"></div>
        </div>

        <ion-list *ngSwitchWhen="'list'">
           Listing
        </ion-list>
    </div>
</ion-content>

我试过通过提供click听众ion-segment-button,但这没有成功.在附加之前div,添加地图的功能会被触发,结果会产生.id="googleMap"DOMundefined error

那么,我们如何理解何时发生新元素的加载ngSwitch？什么是最好的方法呢？

更新(添加js代码)

import {Page, NavController} from 'ionic-angular';
import {DataServiceManager} from '../../services/dataServicesManager';

@Page({
  templateUrl: 'build/pages/listFob/listFob.html'
})
export class ListFob {
    static get parameters(){
        return [[NavController],[DataServiceManager]]; …