[Solved] This Angular component code snippet has a bug:loading = false; error = ''; fetchData() { this.loading = true; this.error = '';... }What is the issue with setting error to 'No error' on success? | Angular

Angular - HTTP Client

This Angular component code snippet has a bug:

loading = false;
error = '';

fetchData() {
  this.loading = true;
  this.error = '';
  fetch('api/data')
    .then(() => {
      this.loading = false;
      this.error = 'No error';
    })
    .catch(() => {
      this.loading = false;
      this.error = 'Failed';
    });
}

What is the issue with setting error to 'No error' on success?

AIt causes a syntax error

BIt incorrectly shows an error message when there is none

CIt prevents loading from stopping

DIt causes fetch to fail

Step-by-Step Solution

Solution:

Step 1: Understand error message usage
Error message should be empty or null on success, not a string like 'No error'.
Step 2: Identify UI impact
Setting error to 'No error' will display this message, confusing users.
Final Answer:
It incorrectly shows an error message when there is none -> Option B
Quick Check:
Clear error on success, don't set misleading messages [OK]

Quick Trick: Clear error string on success to avoid false error display [OK]

Common Mistakes:

MISTAKES

Setting error to 'No error' string
Not clearing error on success
Confusing error with loading flag

Master "HTTP Client" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

This Angular component code snippet has a bug:

Step 1: Understand error message usage

Step 2: Identify UI impact

Final Answer:

Quick Check:

Want More Practice?