ExpressionChangedAfterItHasBeenCheckedError:检查表达式后,表达式已更改...上一个值:'ngIf:false'。当前值:'ngIf:true'

时间:2018-11-08 08:31:28

标签: angular typescript

我有一个角度为6的应用程序。我正在尝试从后端加载用户。这是我的组件打字稿部分:

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

和模板部分:

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

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

我得到一个例外:

  

ExpressionChangedAfterItHaHasBeenCheckedError:检查表达式后,表达式已更改。先前的值:'ngIf:false'。当前值:“ ngIf:true”。

我尝试在ChangeTracker上玩,并且delay(0)但没有成功。感谢您的协助

0 个答案:

没有答案