URL state changes but view stays the same (NO TABS)

Hi, very new to Ionic & Angular but enjoying the experience provided by the Ionic Team!

I know there are similar questions to this but all use tabs where as I do not. My problem is that after setting up parent & child views, I cannot seem to access my child page, yet my URL changes correctly. My state/views are as follows;
.config(function($stateProvider, $urlRouterProvider){ $stateProvider .state('profile', { url: "/profile", templateUrl: "templates/profile.html", controller: 'ListController' }) .state('profile.detail', { url: '/detail/:aId', parent: 'profile', templateUrl: "templates/detail.html", controller: 'ListController' }) });
My Controller.js

.controller('ListController',['$scope', '$stateParams', '$http', '$firebaseObject', '$rootScope', '$firebaseArray', '$state', function($scope, $stateParams, $state, $http, $firebaseObject, $firebaseArray, $rootScope){
          var listData = new Firebase("https://****.firebaseio.com/");
          $scope.report = $firebaseArray(listData);
            $scope.whichartist = $stateParams.aId; 

Parent view (profile.html)

        <ion-item ng-repeat="item in report | filter: query" 
                  class="item-thumbnail-left item-text-wrap"

And Child view (detail.html)

        <ion-list class="list-inset">
            <ion-item class="item-text-wrap"
                      ng-repeat="item in listData | filter: {{myLocation: whichartist}}">

This results in no errors in the console and a correct URL state change but no change to view.

Any help greatly appreciated!


@yurinondual @brandyshea any ideas please?


so I changed




but still no change. URL changes, view doesnt…

Can anyone help?