Angular ui-router equivalent to reload $route? - angularjs

Question

I'm making the transition from NgRoute to ui-router using angular 1.0.8. Due to the fact I had some nested views I had to reload the routes which worked fine with ngRoute. I'm having the same issue with ui-router, is there an equivalent method I can use for this at all?
I'm using ui-router 0.2.10.
Edit:
I've created a fiddle to illustrate the issue that I'm having loading a basic view using ui-router.The view is requested and I can see it in the network inspector. The thing I can get my head around is why the view in not being injected into the template.
What am I missing here?
.run(function ($rootScope, $state, $stateParams) {
$rootScope.$state = $state;
});

Answer 1

You are looking for the reload() function:
$state.reload()
http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state
You would put this in a controller like so:
var app angular.module('app', ['ui.router']);
app.controller('ctrl', function ($scope, $state) {
$scope.reload = function(){
$state.reload();
}
});
Edit 1
This is wrong.
.run(function ($rootScope, $state, $stateParams) {
$rootScope.$state = $state;
});
You just need to inject $state into the controller you want to use it in.
angular.module('app').controller('Ctrl', ['$scope', '$state', function($scope,$state)
// Use $state here
$state.go('stateName');
{}]);

Answer 2

You forgot to inject ui.router, do that and it works fine.
https://jsfiddle.net/Christian_Schiffer/wLybswL9/1/
var myapp = angular.module('myapp', ['ui.bootstrap', 'ui.router']).config(function ($stateProvider, $urlRouterProvider) {
$stateProvider.state('one', {
url: '/',
templateUrl: '/one.html',
controller: 'MyCtrl'
})
$urlRouterProvider.otherwise('/');
}).run(function ($rootScope, $state, $stateParams) {
$rootScope.$state = $state;
});
myapp.controller('MyCtrl', function ($scope) {
$scope.templateUrl = '/mobileTemplate.html';
});
myapp.controller('AccordionDemo', function ($scope) {
$scope.groups = [{
title: "Dynamic Group Header - 1",
routePath: "one.html",
number: 1,
current: true
}, {
title: "Dynamic Group Header - 2",
routePath: "two.html",
number: 2,
current: false
}];
});