AngularJS点击离子标签图标不起作用

时间:2017-02-17 14:44:36

标签: javascript html 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'
      }
    }
  });

非常感谢任何帮助。

1 个答案:

答案 0 :(得分: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>