Promises
Experimenting with AngularJS.
by nickxbs
HTML
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.2.1/lodash.min.js"></script>
<div id="mainContainer" ng-app="angularTest" ng-controller="MainCtrl">
<div style="display: flex; flex-direction: column;align-items:center">
<div style="display: flex; flex-direction: row;padding: 5px;align-items:center">
{{labelHome}}
</div>
</div>
</div>
JavaScript
var p = $http.get('https://dog.ceo/api/breeds/list/all')//dura 1s
p.then(function(x){
console.log(x);//1s
})
var r = $http.get('https://dog.ceo/api/breeds/list/all')//dura 10s
r.then(function(xee){
console.log(xee);//10s
})
var x = $http.get('https://dog.ceo/api/breeds/list/all')//1s
var y = $http.get('https://dog.ceo/api/breeds/list/all')//10s
var z=Promise.all([x,y])
z.then(function (arr){
console.log(arr[0]); // result di x //10s
console.log(arr[1]); // result di y //10s
})
.catch([])
var a = new Promise((resolve,reject)=>{
setTimeout(()=>{
//resolve('ciao')
},1000000000000000)
});
const fnLog = (p)=>{
console.log(p);
return new Promise((resolve)=>{resolve()})
};
a
.then(fnLog)
.then()
a.catch((err)=>{conole.error(err.error)})