The .subscribe()
function is similar to the Promise.then()
, .catch()
and .finally()
methods in jQuery
, but instead of dealing with promise
s it deals with Observable
s.
That means it will subscribe itself to the observable
of interest (which is getTasks()
in your case) and wait until it is successful
and then execute the first passed callback function which in your case is:
tasks => { console.log(tasks); }
If you want it to run some logic on error (similar to .catch()
) or on complete (similar to.finally()
) you can pass that logic to the subscribe
as following:
observable.subscribe( value => somethingToDoOnlyOnSuccess(value), error => somethingToDoOnlyOnError(error), () => somethingToDoAlways() );
More examples and details can be found here
Related Posts:
- Angular: conditional class with *ngClass
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- What is an unhandled promise rejection?
- Angular: mat-form-field must contain a MatFormFieldControl
- (change) vs (ngModelChange) in angular
- Cannot find module ‘@angular-devkit/core’
- No value accessor for form control
- Angular: Error no directive with “exportAs” set to “ngForm”
- Angular ForEach in Angular4/Typescript?
- Angular 4 setting selected option in Dropdown
- Angular4 – No value accessor for form control
- Angular: conditional class with *ngClass
- Angular: conditional class with *ngClass
- npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
- What is ViewChild in Angular2?
- Module not found: Error: Can’t resolve ‘fs’ in
- Angular 2 – Using ‘this’ inside setTimeout
- How to fix Cannot find module ‘typescript’ in Angular 4?
- How to set Angular 4 background image?
- SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
- Crop the image using JavaScript
- Angular 4 setTimeout() with variable delay and wait
- Angular 2 Hover event
- How do I download a file with Angular2 or greater
- What are differences between SystemJS and Webpack?
- How to use forEach loop correctly in angular 2?
- Angular 2 Sort table columns
- How to use onBlur event on Angular2?
- How do I install Angular 2 using NPM?
- Using Angular 2 without TypeScript Transpiler
- How to add a class to a given element?
- How to make a word underline in Markdown
- What is lexical scope?
- Remove element by id
- await is only valid in async function
- Remove duplicate values from JS array [duplicate]
- How to read an external local JSON file in JavaScript?
- SyntaxError: Unexpected token o in JSON at position 1
- Remove duplicate values from JS array
- How to check if array is empty or does not exist?
- How to Create simple drag and Drop in angularjs
- stop all instances of node.js server
- Working with $scope.$emit and $scope.$on
- Finding largest integer in an array in JavaScript
- javascript set cookie with expire time
- How can I add a key/value pair to a JavaScript object?
- How do I change an HTML selected option using JavaScript?
- How to print a number with commas as thousands separators in JavaScript
- Convert Array to Object
- How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
- How can I check if a string is a valid number?
- Javascript setInterval not working
- Javascript Regular Expression Remove Spaces
- image.onload event and browser cache
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
- HTML Entity Decode
- Why am i receiving this jsfiddle error, document.write can be a form of eval
- jquery beforeunload when closing (not leaving) the page?
- The entity name must immediately follow the ‘&’ in the entity reference
- How can I use goto in Javascript?
- Javascript Function that returns true if a letter?
- How do I know which version of Javascript I’m using?
- getContext is not a function
- lodash multi-column sortBy
- navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
- Expected ‘this’ to be used by class method
- Strip HTML from Text JavaScript
- Calling a JavaScript function in another js file
- JavaScript code not running in HTML5 document
- What is the cause for “angular is not defined”
- Unexpected token < in first line of HTML
- ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
- How to set “style=display:none;” using jQuery’s attr method?
- Await is a reserved word error inside async function
- Javascript WP Object Documentation?
- Show only images and videos in a wp.media window
- WordPress Rest API
- Instantiate TinyMCE via JS ( rather than PHP/wp_editor )
- How to add extra attributes to the script tag added via wp_localize_script()
- Prevent escaping javascript in visual editor
- Only displaying zip files with wp media
- List of JS Events for Widgets?
- Authentication with the Rest API when using an External Application
- Open Featured Image Modal in WordPress Gutenberg onClick of a button
- Screen Resolution Detect
- Override do_item() Function to Add Extra Attribute to Scripts
- Is it possible to pass js variable to template file
- Automatically Add Defer or ASYNC to all JS files (no matter where they are located)
- Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
- How can I import one custom block into another?
- Gutenberg Blocks: how to determine an index of the current inner block?
- Getting a variable inside foreach from PHP to JS after localization
- How to import a JavaScript Library into WordPress
- How to change the link address from internal to external
- Uncaught TypeError: Cannot read property ‘add’ of undefined bp-plupload.min.js
- How to verify that a field has a value before adding a term to a taxonomy
- List unused javascript for easy removal
- Include Facebook Javascript SDK In WordPress
- How to load JavaScript modules with script_loader_tag hook?
- How to securely set dynamic HTML content with JavaScript?