Ionic 2自定義函數用於分段中的地圖

我正嘗試使用離子2創建應用程序。我想要使用地圖和列表創建2個分段。試圖按照下面的鏈接Ionic 2自定義函數用於分段中的地圖

Angular2 calling custom function after ngSwitch new view is created

但從來沒有得到它的加工。我認爲我的.scss文件無法識別在html文件中創建的ID。下面是我的html代碼：

<ion-segment [(ngModel)]="clients" > 
     <ion-segment-button value="map"> 
     Map 
     </ion-segment-button> 
     <ion-segment-button value="list"> 
     List 
     </ion-segment-button> 
    </ion-segment> 
     </ion-navbar> 
</ion-header> 

<ion-content > 
    <div [ngSwitch]="clients"> 
    <div *ngSwitchCase="'map'"> 
    <div class="map" > 
     <div #map id="map"></div> 
    </div> 
    </div> 
    <ion-list *ngSwitchCase="'list'"> 
     <ion-item> 
     <h2>Item 1</h2> 
     </ion-item>  
    </ion-list> 

    </div> 
</ion-content>

來源

2016-08-24 kailash

在.scss文件離子含量標籤添加類名。

例如，在你的.scss文件，如果基類是家庭，加入離子含量該類中的HTML代碼如下：

<ion-content class="home">

來源

2016-08-24 15:46:43

這是我.scss文件。 #map { width：100％; 身高：100％; } 與上面的html和.scss文件映射或列表根本不加載。但是如果我在之後標籤貼圖加載。在這種情況下，地圖和列表段都加載地圖。但我想列表項目加載列表段。 – kailash

Ionic 2自定義函數用於分段中的地圖

回答

相關問題