ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked… Previous value:...











up vote
0
down vote

favorite












I have an angular 6 application. I am trying to load users from a backend. Here is my component typescript part:



 this.users$ = this.userSearchControl
.valueChanges
.debounceTime(200)
.filter(q => q && q.length > 5)
.switchMap(q => this.getUsers(q))
.share();


And template part:



<div *ngIf="(users$ | async) as users" class="results">

<ul class="list">
<li *ngIf="users.length===0">
<div class="no-results">
<span>No orders found</span>
</div>
</li>
<li *ngFor="let user of users" class="list-item">
{{user.Name}}
</li>
</ul>
</div>


And I am getting an exception:




ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'.




I have tried to play around ChangeTracker, and delay(0) but no success. Thanks for any assistance










share|improve this question




























    up vote
    0
    down vote

    favorite












    I have an angular 6 application. I am trying to load users from a backend. Here is my component typescript part:



     this.users$ = this.userSearchControl
    .valueChanges
    .debounceTime(200)
    .filter(q => q && q.length > 5)
    .switchMap(q => this.getUsers(q))
    .share();


    And template part:



    <div *ngIf="(users$ | async) as users" class="results">

    <ul class="list">
    <li *ngIf="users.length===0">
    <div class="no-results">
    <span>No orders found</span>
    </div>
    </li>
    <li *ngFor="let user of users" class="list-item">
    {{user.Name}}
    </li>
    </ul>
    </div>


    And I am getting an exception:




    ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'.




    I have tried to play around ChangeTracker, and delay(0) but no success. Thanks for any assistance










    share|improve this question


























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I have an angular 6 application. I am trying to load users from a backend. Here is my component typescript part:



       this.users$ = this.userSearchControl
      .valueChanges
      .debounceTime(200)
      .filter(q => q && q.length > 5)
      .switchMap(q => this.getUsers(q))
      .share();


      And template part:



      <div *ngIf="(users$ | async) as users" class="results">

      <ul class="list">
      <li *ngIf="users.length===0">
      <div class="no-results">
      <span>No orders found</span>
      </div>
      </li>
      <li *ngFor="let user of users" class="list-item">
      {{user.Name}}
      </li>
      </ul>
      </div>


      And I am getting an exception:




      ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'.




      I have tried to play around ChangeTracker, and delay(0) but no success. Thanks for any assistance










      share|improve this question















      I have an angular 6 application. I am trying to load users from a backend. Here is my component typescript part:



       this.users$ = this.userSearchControl
      .valueChanges
      .debounceTime(200)
      .filter(q => q && q.length > 5)
      .switchMap(q => this.getUsers(q))
      .share();


      And template part:



      <div *ngIf="(users$ | async) as users" class="results">

      <ul class="list">
      <li *ngIf="users.length===0">
      <div class="no-results">
      <span>No orders found</span>
      </div>
      </li>
      <li *ngFor="let user of users" class="list-item">
      {{user.Name}}
      </li>
      </ul>
      </div>


      And I am getting an exception:




      ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'.




      I have tried to play around ChangeTracker, and delay(0) but no success. Thanks for any assistance







      angular typescript






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited yesterday

























      asked yesterday









      Maris

      3,04822353




      3,04822353





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203954%2fexpressionchangedafterithasbeencheckederror-expression-has-changed-after-it-was%23new-answer', 'question_page');
          }
          );

          Post as a guest





































          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203954%2fexpressionchangedafterithasbeencheckederror-expression-has-changed-after-it-was%23new-answer', 'question_page');
          }
          );

          Post as a guest




















































































          Popular posts from this blog

          Guess what letter conforming each word

          Port of Spain

          Run scheduled task as local user group (not BUILTIN)