Имущество 'id' не существует в типе 'typeof Foods'

Question

Посмотрев на мой код ниже, я пытаюсь удалить клиентов из моего datatable с помощью флажков. Когда я устанавливаю флажок, я вижу в консоли, что свойства объекта были извлечены из databasae. Я пытаюсь удалить по id, но терминал вызывает эту ошибку. «Свойство« id »не существует в типе« typeof Clients ». Я еще не нашел решения после моего поиска. Любая помощь?

// Http сервис

@Injectable() 

export class HttpService { 

    constructor(private http:Http) { 

    } 



    deleteFood(food) { 
    return this.http.delete('http://localhost:9000/api/v1/food/${id}') 
     .map((response:Response) => response.json()) 
    } 
} 

// таблица

<tbody> 
    <tr *ngFor="let food of Foods; let i = index"> 
     <td><input #{{food.id}} [(ngModel)]="food.selected" type="checkbox" (change)="checkbox(food)"></td> 

     <td>{{client.type}}</td> 
     <td>{{client.location}}</td> 

    </tr> 

    </tbody> 
</table> 

<button type="button" (click)="deleteFood()">Delete</button> 

// компонент

export class FoodComponent { 

    Foods : Foods[] = []; 



    constructor(private httpService: HttpService, private router: Router){ 



    selectedFood = Foods; 

    deleteFood(){ 
    this.httpService.deleteFood(this.selectedFood.id) 
    .subscribe(data =>{ 
     console.log(data) 
    }) 
    } 

    checkbox(food){ 
    food.selected = (food.selected) ? false: true; 
    this.selectedFood = food; 
    console.log(this.selectedFood); 
    } 
} 

//Food.ts

export class Food{ 

    constructor(
    public type:string, 
    public location: string, 

){} 
} 

Answer 1

В вашем компоненте вы назначаете тип Clients своему свойству activeClient вместо определения его типа. И ваш класс клиентов не имеет статического свойства id, поэтому компилятор жалуется, когда вы обращаетесь к this.activeClient.id.

Если вы меняете:

activeClient = Clients; 

к:

activeClient: Clients; 

Вы не должны иметь проблему больше.