在 Angular 中使用 ngIf 出错

Question

我正在使用 Angular，我想显示来自 json 形式的变量的数据 .我可以为 *ngfor 做到这一点，但我也想设置一个条件来检查 msg.who=="Bot"。我正在使用：

<div class="UserWrapper" *ngFor="let msg of msgs" ngIf="msg.who == 'User ">
    <div class=""></div>
        <div class = "speech-bubble1 z-depth-5"><p>{{msg.msg}}</p>
            <p class="timeRight">{{msg.time}}</p>
    </div>
 </div>

如果另一种方式，我不知道如何使用 ng，但这样做时我收到以下错误。

ERROR Error: StaticInjectorError(AppModule)[NgForOf -> TemplateRef]: 
StaticInjectorError(Platform: core)[NgForOf -> TemplateRef]: 
NullInjectorError: No provider for TemplateRef!

如何检查给定的条件

Answer 1

您不能在同一个 element 上使用 ngFor 和 ngIf，因此请将其替换为 @987654324 @，还有一些错误，例如 *ngIf 而不是 ngIf，你应该使用 ===也检查类型

如下更改您的代码，

<ng-container *ngFor="let msg of msgs">
  <div *ngIf="msg.who === User"  class=""> 
        <div class = "speech-bubble1 z-depth-5"><p>{{msg.msg}}</p>
        <p class="timeRight">{{msg.time}}</p>
  </div>
</ng-container>