如何在 Angular 7 中创建博客类别

Question

我能够从 phpmyadmin 数据库中获取博客类别名称。 我要链接分类名称

categories.component.html：

    <div class="right-widget categories">
        <h3>Categories</h3>
        <ul>
           <li *ngFor="let category of categories">
             {{category.name}}
          </li>
       </ul>
      </div>

blogpost.service.ts：

export class BlogpostService {
  getFeaturedBlogs() {
    throw new Error("Method not implemented.");
  }

  ServerUrl = 'http://localhost/demo/blogger/';
  errorData: {};

  constructor(private http: HttpClient) { }

  getBlog(id: number) {
    return this.http.get<Blogpost>(this.ServerUrl + 'api/blog/' + id)
    .pipe(
      catchError(this.handleError)
    );
}

getRecentBlogs() {
    return this.http.get<Blogpost>(this.ServerUrl + 'api/recent_blogs').pipe(
      catchError(this.handleError)
    );
}

getCategories() {
    return this.http.get<Category>(this.ServerUrl + 'api/categories').pipe(
      catchError(this.handleError)
    );
}

categories.component.ts
export class CategoriesComponent implements OnInit {

      categories: Category;
      error: {};

      constructor(private blogpostService: BlogpostService) { }

      ngOnInit() {
        this.blogpostService.getCategories().subscribe(
          (data: Category) => this.categories = data,
          error => this.error = error
          );
      }
    }

你能帮帮我吗？我无法关联类别名称？

Answer 1

我想你有一个文件 categories.component.ts。

在这个文件的构造函数中，你注入一个服务

constructor(private service: BlogpostService) {}

还有一个变量

categories: Category[];

然后，例如，在 ngOnInit 方法中， 您调用服务方法并获取类别数据

ngOnInit() {
 this.service.getCategories().subscribe(
   data => {
     this.categories = data
   }
 )
}

看起来 getCategories 返回一个数组。 如果是真的，你需要改变 getCategories() 方法

return this.http.get<Category>

在

return this.http.get<Category[]>