angular.module('task', []) .controller('TaskController', ['$scope', '$stateParams', 'TaskService', 'Service', 'Notifications', function ($scope, $stateParams, TaskService, Service, Notifications) { function initView() { $('#loadingViewSpinner').show(); TaskService.task($stateParams.id) .then(function success(data) { var task = data; $scope.task = task; return Service.get({ id: task.ServiceId }).$promise; }) .then(function success(data) { var service = new ServiceViewModel(data); $scope.service = service; }) .catch(function error(err) { Notifications.error('Failure', err, 'Unable to retrieve task details'); }) .finally(function final() { $('#loadingViewSpinner').hide(); }); } initView(); }]);