The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro
Light
Dark
System
Ask  Question

Observer in template, should be asyc


All observers in the angular template don't work when adding more logic like http requests.
It should be writen in the template with asyc
For example:
src\app\modules\wizards\vertical\vertical.component.html Line 168

<ng-container *ngIf="currentStep$.value === 1">

Should be:
<ng-container *ngIf="(currentStep$ | async) === 1">


user
Noam Vaza 3 years ago
Angular
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Lily Smith 2 years ago

Whether you're a seasoned road warrior or a casual traveler, mapquest directions allows you to tailor your experience to suit your individual needs.


user
Faizal Author 3 years ago

Hi Noam, happy

We appreciate your feedback. We will test the *ngIf="(currentStep$ | async)" syntax and see if it solves the issue.

Note: You can only edit the question within 30 minutes of posting. Please use the "Text formatting options" to submit code in your post.

Thank you.


user
Noam Vaza 3 years ago

Edit questions don't work and I can't write HTML in here

*ngIf="currentStep$.value === 1"
Should be:
*ngIf="(currentStep$ | async) === 1"


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(