2017-02-17 51 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