2017-09-08 16 views
2

app.component.tsイオン:私は負荷

platformReady() { 
    // Call any initial plugins when ready 
    this.platform.ready().then(() => { 
     if(this.platform.is('core')){ 

      // this.menu.enable(false, 'mobileOnlyPages'); 
     }else{ 
      this.splashScreen.hide(); 
     } 
    }); 
} 

app.templates.html

<button ion-item menuClose *ngFor="let p of mobileOnlyPages" (click)="openPage(p)" ngHide="mobile_only"> 
      <ion-icon item-start [name]="p.icon" [color]="isActive(p)"></ion-icon> 
      {{p.title}} 
</button> 

がどのように私は、このボタンのonloadを隠すでしょう上の要素を非表示にするにはどうすればよいですか?

+0

バージョンは何?角度2にはng-show、ng-hideはありません。代わりに* ngIfを使用します。

+0

イオン3角4 –

+0

_on load_はどういう意味ですか?希望の結果は何ですか?このプラットフォーム上の – sebaferreras

答えて

0

あなたがいずれかをすることができ、使用:

*ngIf="mobile_only" 

か:あなたのスタイルシートに

[class.hidden]="mobile_only" 

.hidden { display: none; } 

EDIT:

*ngIfは一種のです:

[class.myClassName]はなりながら

"____場合は、このHTMLタグをレンダリング":

"____場合は、このHTMLタグのクラス、myClassNameを適用します"だから、基本的に何らかの理由でレンダリングされたタグが実際には必要だが、ユーザーからは隠れている状況があるかもしれない。その場合は、「条件付きクラス」を使用します。これは最善の説明ではありませんが、これが十分意味をなされることを願っています。

これは私が話していた可能性の状況の一例である:あなたが使用しているイオンの Ionic2 button click text box toggle

+0

あなたは正しいですが、より詳細な説明を使用できます。 * ngif –

+0

Okを使用する方法を理解するために、他のスクリプトで対処する必要がありました。編集して少しの説明を追加します。 –