URLが変更されましたが、ビューが変更されません。

Question

Google Chromeでページを表示し、生成されたゴールリストをクリックすると、URLはURL/#/tabs/personalviewに変更されますが、ビューは変更されません。

これは私のpersonalGoals.htmlファイル内のコードです：あなたはhereを完全にコードを見ることができます

.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'); 
    }); 

：

<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> 

これは私のapp.jsファイル内のコードです。

お手数をおかけしますようお願い申し上げます。よろしくお願いいたします。

Answer 1

あなたの問題は、あなたが間違ったURLにナビゲートしようとしていることだと思います。

状態URLにナビゲートする必要があるときに、状態名にナビゲートしようとしています。

これを行うには、次の2つの方法があります：あなたはHREFを使用し続け、そして＃/ personalview

にURLを変更することができます

1. あなたはUI-SREFの代わりのhrefを使用して行うことができます

   ：あなたが参考のために次のことをチェックアウトする可能性がある

UI-SREF = "tabs.personalview" のようなもの

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

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

ベスト、