html – 如何在div中使用ion-tabs

概述我正在使用ionic1和 angularjs我已经使用了制表符但现在我面临的问题是我的标签应该只出现在特定的div中,所以在我的html页面的特定区域只有我的离子标签应该可以工作但它是不像我们预期的那样表现得很好. 这是我的.html页面 <ion-modal-view> <div class="bar bar-header bar-calm"> <button class= 我正在使用ionic1和 angularjs我已经使用了制表符但现在我面临的问题是我的标签应该只出现在特定的div中,所以在我的HTML页面的特定区域只有我的离子标签应该可以工作但它是不像我们预期的那样表现得很好.

这是我的.HTML页面

<ion-modal-view>    <div >      <button ></button>      <h1 >Happy Home</h1>      <button  ng-click="closelogout()">logout</button>    </div>    <ion-content>        <div class = "row responsive-sm" style = "padding-top:50px">            <div class = "col">                <label >                <br>                    <select>                      <option>B09-301</option>                      <option selected>G45-94</option>                      <option>R8910</option>                    </select>                </label>            </div>        </div>         <div >            <div class = "row">              <div class = "col-33">                <div >                    <div  >                      <i  ></i>                        MEMBERS                    </div>                </div>              </div>              <div class = "col-33">                <div >                    <div  >                  <i ></i>                    Vechical                  </div>                </div>              </div>              <div class = "col-33">              <div >                <div  >                  <i ></i>                    Booking                </div>              </div>            </div>            </div>            <div class ="row">                <div class = "col col-top">                    <div >                        <div  >                          <i ></i>                            Staff                        </div>                    </div>                </div>                <div class = "col col-top">                    <div >                        <div  >                          <i ></i>                            Visitor                        </div>                    </div>                </div>            </div>        </div>        <div class = "row">            <ion-tabs >              <ion-tab title="MyDues">                <ion-content>                  <h1>happy home Dues</h1>                </ion-content>              </ion-tab>              <ion-tab title="Deposite">                <ion-content>                  <h1>happy home Deposite</h1>                </ion-content>              </ion-tab>              <ion-tab title="Advance">                <ion-content>                  <h1>happy home Advance</h1>                </ion-content>              </ion-tab>              <ion-tab title="History">                <ion-content>                  <h1>happy home History</h1>                </ion-content>              </ion-tab>            </ion-tabs>        </div>    </ion-content>

在这里你可以看到我已经实现了tabs div的离子标签
这里是示例图像我应该使用ion-tabs

帮助我,如果有人知道如何使用离子标签我的我的DUES,ADVANCE,DEPOSIT,HISTORY.

谢谢,

解决方法 我正在研究离子3,我就是这样,我把标签放在离子内容中并且适合我.

<ion-content><ion-card>    <ion-row fixed padding>        <ion-col>            <h2 > LocalIDade</h2>            <h2 > Data Início</h2>        </ion-col>        <ion-col>            <h2 >                <ion-icon name="pin"></ion-icon>                Fortaleza-CE            </h2>            <h2 >                <ion-icon name="calendar"></ion-icon>                24/01/18 10:47            </h2>        </ion-col>    </ion-row>    <ion-row>        <ion-col>            <ion-item>                <ion-label>clima</ion-label>                <ion-select [(ngModel)]="clima">                    <ion-option>Frio</ion-option>                    <ion-option>quente</ion-option>                </ion-select>            </ion-item>        </ion-col>        <ion-col>            <ion-item>                <ion-label>Equipamento</ion-label>                <ion-select [(ngModel)]="equipamento">                    <ion-option>MedIDor</ion-option>                    <ion-option>Equipament teste</ion-option>                </ion-select>            </ion-item>        </ion-col>    </ion-row></ion-card><ion-content>    <tabs-obra></tabs-obra></ion-content><ion-fab bottom right>    <button ion-fab mini (click)="abrirListaAtivIDade()">        <ion-icon name="checkmark"></ion-icon>    </button></ion-fab>

总结

以上是内存溢出为你收集整理的html – 如何在div中使用ion-tabs全部内容，希望文章能够帮你解决html – 如何在div中使用ion-tabs所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。