2016-05-29 19 views
0

私は次のコードを使用して、その上にいくつかのコンテンツでタブを作成するために使用しましたタブ作成することができませんよ:イオン:私はきちんと

<div class="tabs-striped tabs-top tabs-background-positive tabs-color-light"> 
    <div class="tabs"> 
     <a class="tab-item active" href="#"> 
     <i class="icon ion-home"></i> 
     Test 
    <div class="item item-avatar"> 
     <div ng-bind="profile.img_element"></div> 
    <h2 ng-bind="profile.name"></h2> 
    <p ng-bind="profile.points"></p><p> points</p> 

    </div> 
     </a> 
     <a class="tab-item" href="#"> 
     <i class="icon ion-star"></i> 
     Favorites 
     </a> 
     <a class="tab-item" href="#"> 
     <i class="icon ion-gear-a"></i> 
     Settings 
     </a> 
    </div> 
    </div> 

は、しかし、私の問題は、タブが切り替わりませんされていることを、その上に私はタブ 'テスト'の内容を適切に設定できませんでした。

検索をいくつか行いましたが、解決策が見つかりませんでした。

私は十分な経験がないので、どんな助けでも大歓迎です。

ありがとうございます。

答えて

1
href="#" should not be '#' for every tab. '#' means default root url. So when you click on every page it redirect on same page. You need to set content using 'ion-nav-view' for tab view. 

私はあなたが示唆したものからいくつかのコードをコピーし

+0

よりGUIDのためthis CodePenを検討してください:私は、「リソースの読み込みに失敗しました:サーバーが404(見つかりません)の状態で応答し」てしまったためにタブはHTMLファイルをリンクしています。 – Kais

+0

htmlファイルやルーティングを含むより多くのコードを更新したり、codepenを作成してチェックして助けてくれますか? – ProCylon

+0

私はすべての問題を解決しました:私のアプリに多くのバグを修正した後。あなたのコードは参考になります。ありがとうございました。 – Kais

関連する問題