Ionic désactiver un tab sur une autre page

Bonjour,

J'utilise le framework Ionic et le souci que j'ai, est quand je passe (initialement) de 'home' à 'codes' par la rubrique avec le diamant bleu, une fois arrivé sur la page 'codes' le bouton home reste actif, et lorsque je clique dessus rien ne se passe... Comment le mettre en icon-off puis activer le lien ?

index.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<body ng-app="starter">
 
    <ion-side-menus>
      <ion-side-menu-content>
        <ion-nav-bar class='bar-dark'>
          <ion-nav-back-button></ion-nav-back-button>
          <ion-nav-buttons side="left">
            <button class='button button-icon button-clear ion-navicon' menu-toggle='left'></button>
          </ion-nav-buttons>
        </ion-nav-bar>
 
        <ion-nav-view>
        </ion-nav-view>
      </ion-side-menu-content>
 
      <!-- Menu Gauche -->
      <ion-side-menu side='left'>
 
        <ion-list>
          <ion-item menu-close ui-sref='home'>
            Accueil
          </ion-item>
 
          <ion-item menu-close ui-sref='codes'>
            Codes
          </ion-item>
 
          <ion-item menu-close ui-sref='triche'>
            Triche
          </ion-item>
 
          <ion-item menu-close ui-sref='share'>
            Share
          </ion-item>
        </ion-list>
 
      </ion-side-menu>
 
      <ion-tabs class="tabs-dark tabs-icon-top">
 
        <ion-tab title="Accueil" ui-sref='home' icon-on="ion-ios-home" icon-off="ion-ios-home-outline">
        </ion-tab>
 
        <ion-tab title="Partager" ui-sref='share' icon-on="ion-ios-upload" icon-off="ion-ios-upload-outline">
        </ion-tab>
 
      </ion-tabs>
 
    </ion-side-menus>
 
 
 
  </body>

home.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ion-view view-title='Accueil'>
	<ion-content>
		<div class="list">
 
		    <a class="item item-thumbnail-left" ui-sref="codes">
		      <img width='auto' src="img/diamong.png">
		      <h2>Codes</h2>
		    </a>
 
		    <a class="item item-thumbnail-left" ui-sref="triche">
		      <img width='auto' src="img/diamonb.png">
		      <h2>Triche</h2>
		      <p>Mode triche</p>
		    </a>
 
		</div>
	</ion-content>
</ion-view>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
angular.module('starter', ['ionic'])
 
.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})
 
.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider.state('home', {
    url:'/home',
    templateUrl: 'templates/home.html'
  })
 
  $stateProvider.state('codes', {
    url:'/codes',
    templateUrl: 'pages/codes.html'
  })
 
  $stateProvider.state('triche', {
    url:'/triche',
    templateUrl: 'pages/triche.html'
  })
 
  $stateProvider.state('share', {
    url:'/share',
    templateUrl: 'templates/share.html'
  })
 
 
  $urlRouterProvider.otherwise('/home')
 
});

Merci de votre aide.