【发布时间】:2017-04-03 19:39:03
【问题描述】:
在我的项目中,我目前有一个标签控制器模板,允许用户导航到其他视图
我目前在我的 ionic 项目中使用 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 的工具提示,但它没有出现在悬停时。但是,如果我在 chrome 中检查,我会看到生成了工具提示。
但是,当我将 tooltips tooltip-template="I'm a tooltip!" 附加到 ion-tab 时,它不会显示,但是我看到检查中生成的 html 如下所示
【问题讨论】:
-
我尝试使用检查工具在悬停和聚焦时触发工具提示,但没有成功
-
@你是否在你的项目中注入了它的依赖 '720kb.tooltips'?
标签: css angularjs ionic-framework tooltip