URL Änderungen, aber die Ansicht ändert sich nicht

Question

Wenn ich die Seite in Google Chrome anschaue und auf die erstellte Zielliste klicke, ändert sich die URL in URL/#/tabs/personalview, aber die Ansicht ändert sich nicht.

Dies ist der Code in meiner personalGoals.html Datei:

<ion-view view-title="PersonalGoals"> 
    <ion-content class="has-footer"> 
    <ion-item ng-repeat="goal in goals" href="#/tabs/personalview"> 
     <span class="goal-lists">{{goal.goaltitle}}</span> 
    </ion-item> 
    </ion-content> 
</ion-view> 

Dies ist der Code in meiner app.js Datei:

.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { 
    $ionicConfigProvider.tabs.position('bottom'); 

    $stateProvider 

.state('tabs', { 
     url: '/tabs', 
     abstract: true, 
     templateUrl: 'templates/tabs.html' 
     }) 

.state('tabs.personal', { 
     url: '/personal', 
     views: { 
      'personalGoals-view': { 
      templateUrl: 'templates/personalGoals.html', 
      controller: 'personalCtrl' 
      } 
     } 
     }) 

.state('tabs.personalview', { 
     url: '/personalview', 
     templateURL: 'templates/test.html', 
     controller: 'personalViewCtrl' 
     }) 

.state('tabs.relationship', { 
     url: '/relationship', 
     views: { 
      'relationshipGoals-view': { 
      templateUrl: 'templates/relationshipGoals.html', 
      controller: 'relationshipCtrl' 
      } 
     } 
     }) 

.state('tabs.squad', { 
     url: '/squad', 
     views: { 
      'squadGoals-view': { 
      templateUrl: 'templates/squadGoals.html', 
      controller: 'squadCtrl' 
      } 
     } 
     }); 
     // if none of the above states are matched, use this as the fallback 
     $urlRouterProvider.otherwise('tabs/dashboard'); 
    }); 

Sie können den vollständigen Code über here sehen.

Jede Hilfe würde sehr geschätzt werden, danke im Voraus.

Answer 1

Ich glaube, Ihr Problem besteht darin, dass Sie versuchen, zur falschen URL zu navigieren.

Sie versuchen, zum Statusnamen zu navigieren, wenn Sie zur Status-URL navigieren müssen.

Es gibt zwei Möglichkeiten, dies zu tun:

1. Sie können weiterhin href, verwenden und die URL #/personalview

2. Sie können statt href ui-SREF und verwenden ändern so etwas wie ui-Sref = "tabs.personalview"

Sie könnten die folgende Referenz Besuche:

https://www.thepolyglotdeveloper.com/2014/11/using-ui-router-navigate-ionicframework/

https://www.thepolyglotdeveloper.com/2014/12/using-nested-states-angularjs-ui-router/

Best,