720KB工具包不显示在离子选项卡上

时间:2017-04-03 11:08:23

标签: css angularjs ionic-framework tooltip

在我的项目中,我目前有一个标签控制器模板,允许用户导航到其他视图

我目前在离子项目中使用720KB工具提示。除了选项卡控制器模板中的离子选项卡之外,我已经让它适用于我的所有元素。

使用720KB,您需要做的就是将此tooltips tooltip-template="I'm a tooltip!"添加到您将为该特定元素悬停的工具提示的任何元素。

这是我在离子标签控制器中的代码

<ion-view id="page1" ng-app="720kb">

                

<ion-tab title="Introduction" icon-off="acc-intro-off" icon-on="acc-intro-on" href="#/page1/page3" id="tabsController-tab3">
  <ion-nav-view name="tab2"></ion-nav-view>
</ion-tab>

<ion-tab title="Awards " icon-off="acc-category-off" icon-on="acc-category-on" href="#/page1/page4" id="tabsController-tab4">
  <ion-nav-view name="tab3"></ion-nav-view>
</ion-tab>

<ion-tab title="Awards Vote" icon-off="acc-vote-off" icon-on="acc-vote-on" href="#/page1/page6" id="tabsController-tab5">
  <ion-nav-view name="tab6"></ion-nav-view>
</ion-tab>

<ion-tab title="Award Nomination" icon-off="acc-nomination-off" icon-on="acc-nomination-on" href="#/page1/page5" id="tabsController-tab6">
  <ion-nav-view name="tab5"></ion-nav-view>
</ion-tab>

<ion-tab title="Result Category" icon-off="acc-results-off" icon-on="acc-results-on" href="#/page1/page7" id="tabsController-tab7">
  <ion-nav-view name="tab7"></ion-nav-view>
</ion-tab>

我试图在第一个离子标签上放置一个720KB的工具提示,但它不会出现在悬停状态。但是,如果我检查镀铬,我会看到生成了工具提示。

以下是使用任何其他元素的示例 enter image description here

然而,当我将tooltips tooltip-template="I'm a tooltip!"附加到离子标签时,它不会显示,但是我看到了检查中生成的html,如下所示enter image description here

1 个答案:

答案 0 :(得分:0)

尝试触发焦点事件的工具提示。