修改路径

2020-05-16 22:18:45 +08:00
parent abc792a561
commit 42177a7721
683 changed files with 92 additions and 18398 deletions
--- a/src/app/view/category/category.component.ts
+++ b/src/app/view/category/category.component.ts
@@ -0,0 +1,71 @@
+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;
+            this.category = data.result[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);
+    }
+}