I attempted to integrate Angular with Bluebird promises:
Here is the HTML code snippet:
<body ng-app="HelloApp">
<div ng-controller="HomeController">{{name}} {{also}}</div>
</body>
The corresponding JavaScript code is as follows:
// javascript
var app = angular.module('HelloApp', []);
app.controller("HomeController", function ($scope) {
var p = Promise.delay(1000).then(function () {
$scope.name = "Bluebird!";
console.log("Here!", $scope.name);
}).then(function () {
$scope.also = "Promises";
});
$scope.name = "$q";
$scope.also = "promises";
});
window.app = app;
[Fiddle]
Despite my efforts, the output remained as "$q promises" without any updates. I resorted to using $scope.$apply manually, which is not ideal.
What's the best approach to make Bluebird work seamlessly with AngularJS?
(I'm aware that it can be achieved with $q)
For this implementation, I've utilized Bluebird 2.0 downloaded from this source.