I am facing an issue with setting the value of a $scope variable after a promise (specifically, an $http request) is completed. Here's the code snippet in question:
.controller('NewItemCtrl', function ($scope, $state, LabelFactory) {
$scope.createItem = function (item) {
LabelFactory.createLabel(item)
.then(function (response) {
$scope.label = response.data;
$scope.thing = 'These are things';
$state.go('tab.newitem-label');
console.log($scope.label);
});
};
})
From my understanding, this code should work as intended. However, although I can successfully log $scope.label, I cannot see the value when accessing it from the template associated with the NewItemCtrl controller. It seems like the value is not being passed at all, despite having been assigned.
I need guidance on either A. How to set the value of a $scope property from a different scope, or B. What is considered the best practice for achieving the same result?