'Why is angular view not getting updated here?

I have a div tag like this:

  <div [hidden]="reviewable && !suggestionIsRejected" class="oppia-suggestion-review-message">
    <i [hidden]="reviewMessage === '' || reviewMessage === undefined || reviewMessage === null" class="fa fa-spinner fa-spin"></i>
    <strong>Review message: </strong>{{ reviewMessage }}
  </div>

Now, as you can see, I am checking on a reviewMessage variable to show a loading indicator if it's empty, otherwise show it's contents. What I see instead is both of them on the screen, i.e. both the loading indicator as well as the message. Why is it happening this way?

angular

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Why is angular view not getting updated here?

Sources

Related Questions