2017-02-17 54 views
0

我在AngularJS上的离子选项卡图标存在困难。我试图用下面的代码实现一个点击操作,但没有任何显示。AngularJS点击离子选项卡图标不起作用

HTML

<ion-tab title="Share" icon="icon ion-android-share-alt" ui-sref="tabs.sharethis"> <ion-nav-view name="share-tab"></ion-nav-view></ion-tab> 

JS

.state('tabs.sharethis', { 
    url:'/sharethis', 
    views:{ 
     'share-tab':{ 
     templateUrl:'templates/playlist.html' 
     } 
    } 
    }); 

任何帮助极大的赞赏。

+0

嗨,你的代码似乎是正确的,你可以把一个jsfiddle?我可以检查出来。 –

+0

ng-click在你的html标签中? - 您应该添加这个ng-click =“actionName()” –

+0

如果您使用'ui-sref',则不需要'ng-click'。 –

回答

0

我把你的代码在此codepen,并且它的工作:https://codepen.io/mfnunes/pen/vgwKmg 正如你所看到的是等于你:

JS:

.state('tabs.sharethis', { 
    url:'/sharethis', 
    views:{ 
     'share-tab':{ 
     templateUrl:'templates/playlist.html' 
     } 
    } 
    }) 

HTML:

<ion-tab title="Share" icon="icon ion-android-share-alt" ui-sref="tabs.sharethis"> 
      <ion-nav-view name="share-tab"></ion-nav-view> 
     </ion-tab> 
+0

仍然无法使用@Marcos。不知道为什么。包含我的整个代码作为JSFiddle的一部分https://jsfiddle.net/lordlabakdas/fhagqzb8/ – lordlabakdas