I am getting this error when when clicking on an ng-click that points to a page reference defined as a .state in app.js. What does this error mean? I can’t find any reference to it via a google search, specifically nextEvent
// app.js
.state('tab.clubs', {
cache: false,
url: '/clubs',
views: {
'tab-clubs': {
templateUrl: 'templates/tab-clubs.html',
controller: 'ClubCtrl'
}
}
})
.state('tab.club-detail', {
url: '/clubs/:clubID',
views: {
'tab-clubs': {
templateUrl: 'templates/detail-clubs.html',
controller: 'ClubDetailCtrl'
}
}
})
And the call in my template:
<div ng-click="$location.url('/tab/clubs/{{event.ceID}}')">
<div style="float:left;font-size:14px;font-weight:bolder;">{{event.ceName}} ({{event.ceName1}}) </div>
<div style="float:left;margin-left:15px;">Location: {{club.data[0].clAddress1}}, {{club.data[0].clCity}}</div>
<div style="float:left;margin-left:15px;">Next: {{nextEvent(event)}}</div>
<i style="font-size:25px;" class="icon ion-android-arrow-dropright-circle icon-accessory customColor1"></i>
</div>
In the above case, the call is: ng-click="$location.url('/tab/clubs/1')"
- in the controller I have $scope.$location = $location
with $location being passed into the controller properly.