State change but templates not loading


#1

I have a list of item when i click on an item it should take me to the details page but the template is not loading although the state changing is showing me success

here is my state config :

` config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state(‘app’, {
url: ‘/app’,
abstract: true,
templateUrl: ‘templates/SearchList.html’,
controller: ‘SearchListController’
})

.state('app.home', {
    url: '/searchList',
    views: {
        'mainContent': {
            templateUrl: 'templates/SearchList.html',
            controller: 'SearchListController',	        
        }
    }
})
.state('app.properties', {
    url: '/searchList/:searchListID',

    views: {
        'mainContent': {
            templateUrl: 'templates/Property.html',
            controller: 'PropertyController',
           
        }
    }
});
$urlRouterProvider.otherwise('/app/searchList');

});i have also addedd this code to my run function in app.js$rootScope.$on(’$stateChangeStart’, function () {
console.log(‘Loading …’);
$rootScope.$broadcast(‘loading:show’);
});

$rootScope.$on('$stateChangeSuccess', function () {
    console.log('done');
    $rootScope.$broadcast('loading:hide');
});

$rootScope.$on('$stateNotFound', function (event, unfoundState, fromState, fromParams) {
    console.log(unfoundState.to); // "lazy.state"
    console.log(unfoundState.toParams); // {a:1, b:2}
    console.log(unfoundState.options); // {inherit:false} + default options
})

$rootScope.$on('$stateChangeError', 
    function(event, toState, toParams, fromState, fromParams, error){ console.log(error) })`

the property.html page is like this

<ion-view > <ion-content> My super cool content here! </ion-content> </ion-view>

can someone help me please ?