72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
import {Component, OnInit} from '@angular/core';
|
|
import {ApiService} from '../../api/api.service';
|
|
import {Tag} from '../../class/Tag';
|
|
import {NzMessageService} from 'ng-zorro-antd';
|
|
import {PageList} from '../../class/HttpReqAndResp';
|
|
import {Article} from '../../class/Article';
|
|
import {ActivatedRoute} from '@angular/router';
|
|
import {Location} from '@angular/common';
|
|
import {Title} from '@angular/platform-browser';
|
|
|
|
@Component({
|
|
selector: 'view-category',
|
|
templateUrl: './category.component.html',
|
|
styleUrls: ['./category.component.less']
|
|
})
|
|
export class CategoryComponent implements OnInit {
|
|
|
|
constructor(private apiService: ApiService,
|
|
private nzMessageService: NzMessageService,
|
|
private activatedRoute: ActivatedRoute,
|
|
private location: Location,
|
|
private title: Title) {
|
|
}
|
|
|
|
categoryList: Tag[] = [];
|
|
private category: Tag;
|
|
articleList: PageList<Article>;
|
|
|
|
name: string;
|
|
|
|
ngOnInit() {
|
|
this.name = this.activatedRoute.snapshot.paramMap.get('category');
|
|
this.getCategories(this.name == null);
|
|
if (this.name != null) {
|
|
this.getArticles(this.name);
|
|
}
|
|
}
|
|
|
|
getCategories(needGetArticle: boolean) {
|
|
this.apiService.categories().subscribe(data => {
|
|
this.categoryList = data.result.list;
|
|
this.category = this.categoryList[0];
|
|
if (needGetArticle) {
|
|
this.getArticles(this.category.name);
|
|
this.name = this.category.name;
|
|
this.title.setTitle('小海博客 | 分类 | ' + this.name);
|
|
}
|
|
}, error => {
|
|
this.nzMessageService.error('出现了错误，原因：' + error.msg);
|
|
});
|
|
}
|
|
|
|
getArticles(categoryName: string) {
|
|
this.apiService.articlesByCategory(categoryName).subscribe(data => {
|
|
this.articleList = data.result;
|
|
}, error => {
|
|
this.nzMessageService.error('出现了错误，原因：' + error.msg);
|
|
});
|
|
}
|
|
|
|
changeCategory(category: Tag) {
|
|
if (this.name === category.name) {
|
|
return;
|
|
}
|
|
this.category = category;
|
|
this.name = category.name;
|
|
this.location.replaceState('categories/' + this.name);
|
|
this.getArticles(this.name);
|
|
this.title.setTitle('小海博客 | 分类 | ' + this.name);
|
|
}
|
|
}
|