Skip to main content
Adição de uma explicação faltante.
Fonte Link

Se o seu código estiver exatamente como o colocado na pergunta,há um pequeno erro no ngIf. Você chama data.id quando na verdade é user.id o correto.

users = [
  {'id': 15,'name':'João'},
  {'id': 16,'name':'Maria'}
];
listPrices = [
  {'id_price': 1,'id_user': 15,'price': 2.50},
  {'id_price': 3,'id_user': 16,'price': 1.50}
];
<div *ngFor="let user of users">
  <div *ngFor="let item of listPrices">
    <span *ngIf="item.id_user === user.id">
      {{item.price}}
    </span>
  </div>
</div>

Você pode fazer também na sua controller um tratamento nesses objetos e obter um para utilizar no template. Ficaria algo mais ou menos assim:

userTemplate = users.map(user => {
    user.prices = listPrices.filter(list => user.id === list.id_user)
    return user
})

Se o seu código estiver exatamente como o colocado na pergunta,há um pequeno erro no ngIf. Você chama data.id quando na verdade é user.id o correto.

users = [
  {'id': 15,'name':'João'},
  {'id': 16,'name':'Maria'}
];
listPrices = [
  {'id_price': 1,'id_user': 15,'price': 2.50},
  {'id_price': 3,'id_user': 16,'price': 1.50}
];
<div *ngFor="let user of users">
  <div *ngFor="let item of listPrices">
    <span *ngIf="item.id_user === user.id">
      {{item.price}}
    </span>
  </div>
</div>

Se o seu código estiver exatamente como o colocado na pergunta,há um pequeno erro no ngIf. Você chama data.id quando na verdade é user.id o correto.

users = [
  {'id': 15,'name':'João'},
  {'id': 16,'name':'Maria'}
];
listPrices = [
  {'id_price': 1,'id_user': 15,'price': 2.50},
  {'id_price': 3,'id_user': 16,'price': 1.50}
];
<div *ngFor="let user of users">
  <div *ngFor="let item of listPrices">
    <span *ngIf="item.id_user === user.id">
      {{item.price}}
    </span>
  </div>
</div>

Você pode fazer também na sua controller um tratamento nesses objetos e obter um para utilizar no template. Ficaria algo mais ou menos assim:

userTemplate = users.map(user => {
    user.prices = listPrices.filter(list => user.id === list.id_user)
    return user
})
Fonte Link

Se o seu código estiver exatamente como o colocado na pergunta,há um pequeno erro no ngIf. Você chama data.id quando na verdade é user.id o correto.

users = [
  {'id': 15,'name':'João'},
  {'id': 16,'name':'Maria'}
];
listPrices = [
  {'id_price': 1,'id_user': 15,'price': 2.50},
  {'id_price': 3,'id_user': 16,'price': 1.50}
];
<div *ngFor="let user of users">
  <div *ngFor="let item of listPrices">
    <span *ngIf="item.id_user === user.id">
      {{item.price}}
    </span>
  </div>
</div>