<bdo id='SaSof'></bdo><ul id='SaSof'></ul>

    <i id='SaSof'><tr id='SaSof'><dt id='SaSof'><q id='SaSof'><span id='SaSof'><b id='SaSof'><form id='SaSof'><ins id='SaSof'></ins><ul id='SaSof'></ul><sub id='SaSof'></sub></form><legend id='SaSof'></legend><bdo id='SaSof'><pre id='SaSof'><center id='SaSof'></center></pre></bdo></b><th id='SaSof'></th></span></q></dt></tr></i><div id='SaSof'><tfoot id='SaSof'></tfoot><dl id='SaSof'><fieldset id='SaSof'></fieldset></dl></div>
      <legend id='SaSof'><style id='SaSof'><dir id='SaSof'><q id='SaSof'></q></dir></style></legend>
    1. <tfoot id='SaSof'></tfoot>

      <small id='SaSof'></small><noframes id='SaSof'>

      1. Ionic 2:在标签按钮中使用图片

        时间:2023-09-08

            • <legend id='p9qVU'><style id='p9qVU'><dir id='p9qVU'><q id='p9qVU'></q></dir></style></legend>

                <tbody id='p9qVU'></tbody>
                <bdo id='p9qVU'></bdo><ul id='p9qVU'></ul>
                <tfoot id='p9qVU'></tfoot>

                <small id='p9qVU'></small><noframes id='p9qVU'>

              • <i id='p9qVU'><tr id='p9qVU'><dt id='p9qVU'><q id='p9qVU'><span id='p9qVU'><b id='p9qVU'><form id='p9qVU'><ins id='p9qVU'></ins><ul id='p9qVU'></ul><sub id='p9qVU'></sub></form><legend id='p9qVU'></legend><bdo id='p9qVU'><pre id='p9qVU'><center id='p9qVU'></center></pre></bdo></b><th id='p9qVU'></th></span></q></dt></tr></i><div id='p9qVU'><tfoot id='p9qVU'></tfoot><dl id='p9qVU'><fieldset id='p9qVU'></fieldset></dl></div>
                  本文介绍了Ionic 2:在标签按钮中使用图片的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                  问题描述

                  我在我的应用程序中使用离子标签,我想在标签按钮中使用图片.我想动态设置这张图片.

                  I use ion-tabs in my App and I want to use an picture in a tab-button. I want to set this picture dynamicly.

                  就我而言,我有一个与不同用户关联的帐户.我想根据所选用户更改我的标签图片.

                  In my case, I have an account with different users linked to it. I want to change my tab picture depending of the selected user.

                  我有这个:

                  我想要这个:

                  我的标签中的代码:

                      <ion-tabs tabsHighlight="false">
                        <ion-tab [root]="HomePage" 
                                 tabsHideOnSubPages="true"
                                 tabIcon="checkbox"
                                 tabTitle="A faire"
                                 tabBadge="5"
                                 tabBadgeStyle="notif">
                        </ion-tab>
                        <ion-tab [root]="ToComePage"
                                 tabsHideOnSubPages="true"
                                 tabIcon="time" tabTitle="A venir"
                                 tabBadge="0"
                                 tabBadgeStyle="notif">
                        </ion-tab>
                        <ion-tab [root]="HistoricPage"
                                 tabsHideOnSubPages="true"
                                 tabIcon="book"
                                 tabTitle="Historique">
                        </ion-tab>
                        <ion-tab [root]="MenuPage"
                                 tabsHideOnSubPages="true"
                  //I want to delete this tab Icon and replace it by a picture.
                                 tabIcon="menu"
                                 tabTitle="Menu">
                        </ion-tab>
                      </ion-tabs>
                  

                  我不知道该怎么做,一个想法?

                  I don't know how to do that, an idea ?

                  推荐答案

                  终于找到解决方案了!我只是写在创建的 DOM 中.

                  Finally I find a solution ! I just write in the created DOM.

                  我喜欢这样:

                  updateAccountTab() : void {
                        let array = document.getElementsByClassName('tabbar');
                        let tabbar = array[0];
                        let element = tabbar.childNodes[tabbar.childElementCount-1];
                        if(element) {
                            element.removeChild(element.childNodes[1]);
                            let img = document.createElement("img");
                            img.setAttribute("class", "tab-icon-custom tab-button-icon icon icon-md");
                            img.setAttribute("src", this.pdata.user.profile_thumbnail);
                            element.insertBefore(img, element.childNodes[1]);
                        }
                    }
                  

                  这篇关于Ionic 2:在标签按钮中使用图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                  上一篇:如何在ionic 3中进行水平滚动 下一篇:将 gregorian 日期转换为 angular 2 和 Ionic 2 中的波斯

                  相关文章

                  最新文章

                1. <tfoot id='ruZ43'></tfoot>

                  <small id='ruZ43'></small><noframes id='ruZ43'>

                        <bdo id='ruZ43'></bdo><ul id='ruZ43'></ul>

                    1. <i id='ruZ43'><tr id='ruZ43'><dt id='ruZ43'><q id='ruZ43'><span id='ruZ43'><b id='ruZ43'><form id='ruZ43'><ins id='ruZ43'></ins><ul id='ruZ43'></ul><sub id='ruZ43'></sub></form><legend id='ruZ43'></legend><bdo id='ruZ43'><pre id='ruZ43'><center id='ruZ43'></center></pre></bdo></b><th id='ruZ43'></th></span></q></dt></tr></i><div id='ruZ43'><tfoot id='ruZ43'></tfoot><dl id='ruZ43'><fieldset id='ruZ43'></fieldset></dl></div>

                    2. <legend id='ruZ43'><style id='ruZ43'><dir id='ruZ43'><q id='ruZ43'></q></dir></style></legend>