ngIf在角度2中不起作用

Question

<div *ngFor="let message of messages">
  <div *ngIf="message.user===user">

  </div>

 <input [(ngModel)]="message"  />
<button (click)="sendMessage()">Send</button>

用戶是我在組件中分配的變量。 那是一個字符串值“ user1”。 如果message.user === user1那么我需要顯示一些內容，但無法正常工作。

Answer 1

根據您當前的代碼塊，您正在將message （對象實例）綁定到*ngFor [(ngModel)] input ，這將導致error 。

同樣，當您在input鍵入一個字符時，它將message （對象）轉換為字符串，然后丟失原始字段（例如user ）。 也許這就是您目前情況的原因。

這是一個簡單的演示，可能會幫助您擺脫困境。

Answer 2

您至少需要像這樣的基本代碼。

<div *ngFor="let message of messages">
  <div *ngIf="message.user === user">
      user: {{ message.user }}
  </div>
</div>
<input [(ngModel)]="message"  />
<button (click)="sendMessage()">Send</button>

您的組件也應具有“消息”屬性。

Answer 3

我提供了一些演示..，因為您無法通過以下方式添加.ts文件： https ://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

Answer 4

抱歉，該錯誤僅是因為我錯過了關閉一個div，感謝您的回復