Не удается прочитать свойства неопределенного чтения «deletePostById» Angular

TypeError: не удается прочитать свойства неопределенного (чтение «deletePostById»)

В чем проблема в моем коде?

HTML

<div class = "row post" *ngFor = "let post of posts">
     <div *ngIf = "isAdminIn" ngbDropdown class = "float-right" class = " col-md-1">
        <button (click) = "deletePost(post.id)">Delete</button>
     </div>
</div>

.тс

 deletePost(id:number): void {
  this.postService.deletePostById(id).subscribe(data => {
    this.router.navigateByUrl('');
  }, error => {
    throwError(error);
  })

}

сервис.тс

 deletePostById(id: number): Observable<any> {
    return this.http.delete('http://localhost:8080/api/posts/' + id);
  }

Может быть полезно показать весь компонент, содержащий deletePost. Похоже, postService не определен?

MikeOne 20.03.2022 15:57
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
1
38
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

ваш postService не определен. Вы ввели его внутрь конструктора компонента?

constructor(
  private postService: PostService
) {} 

??

Спасибо, это работает! Я уже объявил почтовую службу, но ее не было в конструкторе. Спасибо

Phạm Cường 22.03.2022 08:08

Другие вопросы по теме