Привязка не может содержать назначения

Question

Я пытаюсь получить WareHouse Name из списка, используя его Id и заполнить его в таблице

    <tbody>
      <tr *ngFor="let data of sectionList;index as i">
        <td>{{i+1}}</td>
        <td>{{data.sectionName}}</td>              
        <td>{{wareHouseList.find(x=>x.Id == data.WareHouseId).wareHouseName}}</td>
        <td>{{data.DestinationWareHouseId}}</td>            
      </tr>
    </tbody>

Но я продолжаю получать эту ошибку в консоли, это правильный способ включить операторы в машинописи?

Bindings cannot contain assignments at column 22 in [{{wareHouseList.find(x=>x.Id == data.WareHouseId).sectionName}}] 

Answer 1

{{}} означает привязку. Вы не можете так использовать.

<tbody>
   <tr *ngFor="let data of sectionList;index as i">
      <td>{{i+1}}</td>
      <td>{{data.sectionName}}</td>              
      <td>{{ returnPicked(data.WareHouseId) }}</td>
      <td>{{data.DestinationWareHouseId}}</td>            
    </tr>
 </tbody>

В вашем тс ->

public returnPicked(warhouseId): string {
  return wareHouseList.find(x=>x.Id == warhouseId).wareHouseName;
}