Breaking News: Grepper is joining You.com. Read the official announcement!

display observable property in html angular

Add Answer

Meti answered on March 23, 2021 Popularity 10/10 Helpfulness 2/10

answer display observable property in html angular

related return observable from function angular

related Observable in angular

related display observable in html angular

related angular observable examplE

related what is observable in angular

display observable property in html angular

Comment

<h3> {{(post | async)?.title}} </h3>

//OR this for multiple properties
<ng-container *ngIf="( post$ | async ) as post">
  
    <h3> {{ post.title }} </h3>
    <h3> {{ post.description }} </h3>

</ng-container>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: angular display html observable

Link to this answer
Share Copy Link

Contributed on Dec 12 2022

Meti

0 Answers Avg Quality 2/10

Closely Related Answers

return observable from function angular

Comment

1. Better practise is to use Observable:

import { catchError } from 'rxjs/operators';
import { throwError } from 'rxjs';

bbb() {
 return this.http.get(this.url)
   .pipe(
     catchError(err => {
       console.log('err', err);
       return throwError('Something bad happened; please try again later.');
     });
}

2. And, then simply just subscribe to bbb:

import { Subscription } from 'rxjs';

testSubscription: Subscription;

ngAfterContentInit() {
    this.testSubscription = this.bbb()
      .subscribe(son => {
        console.log('son', son); // here you get the result
      });
}

3. Don't forget to unsubscribe:

ngOnDestroy() {
  this.testSubscription.unsubscribe();
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

Coding Era

0 Answers Avg Quality 2/10

Observable in angular

Comment

 
ngOnInit() {
 
    this.obs.subscribe(
      val => { console.log(val) }, //next callback
      error => { console.log("error") }, //error callback
      () => { console.log("Completed") } //complete callback
    )
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.tektutorialshub.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 07 2023

Nanu

0 Answers Avg Quality 2/10

display observable in html angular

Comment

 
<!--.html file-  use '|async' pipe -->
<ul class=""  scope="row" *ngFor="let aboutus of this.pageData |async " >             
		<li>{{aboutus.key}} {{aboutus.data.details}} </li>                               
 </ul>

Popularity 10/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 09 2022

Farwa Miraj

0 Answers Avg Quality 2/10

angular observable examplE

Comment

import {Observable} from 'rxjs';
const foo = new Observable (subscriber => {
  subscriber.next (42);
  subscriber.next (100);


});
foo.subscriber(x => {
  console.log(x);
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angular-observable javascript

Link to this answer
Share Copy Link

Contributed on Mar 23 2021

Doubtful Donkey

0 Answers Avg Quality 2/10

what is observable in angular

Comment

Observable in Angular is a feature that provides support 
for delivering messages between different parts of your single-page application.
This feature is frequently used in Angular because it is responsible 
for handling multiple values, asynchronous programming in Javascript, 
  and also event handling processes.

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.javatpoint.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jun 20 2022

Rasel Ahmed

0 Answers Avg Quality 2/10

display observable property in html angular

Contents

More Related Answers

display observable property in html angular

Closely Related Answers

return observable from function angular

Observable in angular

display observable in html angular

angular observable examplE

what is observable in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.