Question

＆lt; p＆gt;＆lt; a href =“https://i.stack.imgur.com/UVko5.png”rel =“nofollow noreferrer”＆gt;＆lt; img src =“https：//i.stack.imgur。 com / UVko5.png“alt =”在此处输入图像描述“＆gt;＆lt; / a＆gt; 这是我的标签截图，ios和android版本。我想要最后一个标签＆lt; code＆gt;（tab4Root）＆lt; / code＆gt;当我点击它时，更改为图标＆lt; code＆gt; cart＆lt; / code＆gt;。＆lt; / p＆gt; ＆LT p为H.;＆LT;强＆GT; tabs.html＆LT; /强＆GT;＆LT; / p为H. ＆lt; pre＆gt;＆lt; code＆gt;＆lt; ion-tabs color =“danger”＆gt; ＆lt; ion-tab [root] =“tab1Root”tabTitle =“新闻”tabIcon =“ios-globe-outline”＆gt;＆lt; / ion-tab＆gt; ＆lt; ion-tab [root] =“tab2Root”tabTitle =“SOS”tabIcon =“call”＆gt;＆lt; / ion-tab＆gt; ＆lt; ion-tab [root] =“tab3Root”tabTitle =“服务”tabIcon =“people”＆gt;＆lt; / ion-tab＆gt; ＆lt; ion-tab [root] =“tab4Root”tabTitle =“唐人街”＆gt;＆lt; / ion-tab＆gt; ＆LT; /离子突片＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆LT p为H.;＆LT;强＆GT; tabs.ts＆LT; /强＆GT;＆LT; / p为H. ＆lt; pre＆gt;＆lt; code＆gt;从'@ angular / core'导入{Component}; 从'../news/news'导入{NewsPage}; 从'../sos/sos'导入{SosPage}; 从'../services/services'导入{ServicesPage}; 从'../shop/shop'导入{ShopPage}; @零件（{ templateUrl：'tabs.html' }）导出类TabsPage { //这告诉标签组件哪些页面 //应该是每个标签的根页面 tab1Root：any = NewsPage; tab2Root：any = SosPage; tab3Root：any = ServicesPage; tab4Root：any = ShopPage; constructor（）{ } } ＆LT; /代码＆GT;＆LT; /预＆GT;

Answer 1

试试这个：

<ion-tabs color="danger">
<ion-tab [root]="tab1Root" tabTitle="新闻" tabIcon="ios-globe-outline"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="SOS" tabIcon="call"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="服务" tabIcon="people"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="唐人街" tabIcon="cart"></ion-tab>
</ion-tabs>

ionic3 - 活动标签从文本更改为图标

1 个答案: