2017-04-03 8 views
0

上显示,我现在有一个选项卡控制器模板,让用户浏览到其他意见720KB toolip没有在我的项目离子标签

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

随着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进行检查,则会看到生成了工具提示。

这里是它与其它任何元件工作 enter image description here

然而,当附上tooltips tooltip-template="I'm a tooltip!"到离子选项卡,它不然而我看到在巡视如这里所示enter image description here

产生的HTML显示的示例
+0

我试图用悬停和焦点使用检查工具触发工具提示,但没有运气 –

+0

@have您在项目中注入了它的依赖项'720kb.tooltips'吗? –

回答

0

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