When you call this.getFile
, the context is this
, in your case, I guess this
is the $scope object so this
inside getFile
is the $scope.
But updateFile
and displayAllDoneMessage
are invoked by the framework as a callback and this
no longer refers to the $scope.
Try .bind to bind the $scope as the context:
this.getFile(fileId).then(updateFile.bind(this)).then(displayAllDoneMessage.bind(this));
For older browsers, you could include this script as a polyfill (quoted from the docs):
if (!Function.prototype.bind) {
Function.prototype.bind = function (oThis) {
if (typeof this !== "function") {
// closest thing possible to the ECMAScript 5 internal IsCallable function
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
}
var aArgs = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fNOP = function () {},
fBound = function () {
return fToBind.apply(this instanceof fNOP && oThis
? this
: oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
}